Задать вопрос
@RxR
html

Что за странный баг с width?

60054e1badc3e257742820.png

На изображении показан простейший код html, на котором не работает width. 

<html>
<head></head>
<body>
<input style="width:400px !important">
</body>
</html>


в jsfiddle все работает, но при запуске сайта asp.net core происходит это. Когда выключаю, затем снова включаю чекбокс W то width становится нормальным.

Что это может быть такое?
  • Вопрос задан
  • 112 просмотров
5 комментариев
Подписаться 1 Средний 5 комментариев
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
@RxR Автор вопроса
60055bb27a9ff058230935.png

Решил проблему. Проблема была в том, что были заблокированы встроенные стили. Перенос стилей в scss файл решил проблему. Я против использования встроенных стилей, особенно через атрибуты, но наткнулся на проблему и заинтересовался. Собственно это решение.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@strelok011
есть как минимум три предположения:
1. на странице отсутствует <DOCTYPE html>
2. на странице подключается дополнительно стилевой файл или в хидер монтируется пачка стилей, в которых у инпута есть отступы
3. возможно в фиддле влияет внешний файл со сбросом стилей.
Возможно поможет инструкция box-sizing: border-box;
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Верстальщик / фронтендер для браузерного расширения
DevTeam.Space
от 1 000 до 2 000 $
PHP-разработчик
Prosox
До 1 200 $
Специалист технической поддержки (чат)
WebSoft
от 50 000 до 70 000 ₽
Ещё вакансии