Div padding не соответствует html

Question

Так что в основном я пытаюсь переместить элемент в своем Div 400px вправо. Я добавил «padding-left: 400px» в исходный html, но каждый раз, когда я запускаю код, как вы можете видеть на картинке, он возвращается к 42 пикселям, когда я меняю это число на элемент проверки до 400, тогда он выглядит Нормально, есть ли какая-то причина, по которой это делается?

Вот мой фрагмент кода из DIV:

<div class="content" style="border-bottom-width: 300px;margin-bottom: 0px;height: 430px !important;"> 
     <div class="footer-grids" style=" 
width: 1500px; 
padding-left: 400px; 
margin-top: 100px; 

Answer 1

Там нет никаких проблем с вашим кодом, вы не хватает закрывающей DIV, необходимо проверить закрытие Div является правильным попробовать с ниже snippt, просто проверить его

<div class="content" style="border-bottom-width: 300px;margin-bottom: 0px;height: 430px !important;"> 
 
\t <div class="footer-grids" style="width: 1500px;padding-left: 400px;margin-top: 100px;"></div> 
 
</div>

Скриншот здесь

Answer 2

Это потому, что ваш браузер не загружает изменения CSS. Пожалуйста, откройте Inspect Element после запуска вашего кода в браузере и Сделайте Ctrl + Shift + R. Он обновит ваш браузер, и ваши изменения кода повлияют.

И все же его не загружать, а затем продолжать использовать! Важно после вашего стиля ex: style = "padding-left: 400px! Important;"

Answer 3

Попробуйте положить a! Важный после этого padding-left, и если это исправить, то в коде есть что-то еще, переопределяя его. Теперь вы можете сохранить его там, но это не самая лучшая практика, поэтому, если вы хотите исправить это, вот как это сделать.

В этом случае щелкните правой кнопкой мыши, что 42px padding (после удаления! Важно, чтобы вернуть его), и нажмите «проверить», и он должен предоставить вам все атрибуты, которые составляют его справа. Просмотрите их для модификатора 42px и удалите это, или просто убедитесь, что ваш новый переопределяет его.