Div填充不遵循html

Question

所以基本上我正试图将Div 400px中的项目向右移动。我已经在源代码html中添加了“padding-left：400px”，但是每次我运行代码时，你会看到图片中它返回到42px，当我将inspect元素中的数字更改为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，只需检查它

＆＃13;

＆＃13;

<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;"></div>
</div>

＆＃13;

＆＃13;

＆＃13;

此处截图

Answer 2

尝试在padding-left之后添加！important，如果修复它，那么代码中的其他内容会覆盖它。现在你可以把它保留在那里，但这不是最好的练习，所以如果你想在这里解决它的方法。

在这种情况下，右键单击42px填充（删除！important后将其返回），并点击检查，它应该为您提供最右边的所有属性。查看42px修饰符并删除它，或者只是确保新的修饰符覆盖它。

Answer 3

这是因为您的浏览器没有加载您的CSS更改。 在浏览器中运行代码后，请打开Inspect Element 按Ctrl + Shift + R. 它将刷新您的浏览器，并且您的代码更改会受到影响。

仍然没有加载然后继续使用！重要的你的风格前： style =＆＃34; padding-left：400px！important;＆＃34;