我不确定这是否是谷歌浏览器中的错误或是否需要，但它真的让我很烦恼：如果我有类似的东西
<body><div style="margin-bottom: 50px;">much content</div></body>
Chrome没有显示边距。 div只会在底部浏览器边缘结束。从字面上看，任何其他浏览器都能正确呈现。
答案 0 :(得分：3)
将您的整个网站（或仅包含您要捕获的边距的区域）包裹在
中<div style="overflow:auto;"></div>
如果设置填充不适合您，请尝试以上操作。我不想设置填充，因为当数据是动态的时候，框底部的边距是我为下一个框腾出空间的标准方式，我不知道是否会有一个。
边距不会“溢出”指定溢出的框，所以这通过允许最后一个框在新溢出内部具有边距来解决Chrome中的问题：自动div。
这种变化对其他阻止边缘流失的浏览器来说无关紧要。我在IE 8中进行了测试，然后在那方面进行了回归，没有找到。
答案 1 :(得分：2)
为包含div的元素添加填充底部，即使它是body元素。 这适用于所有浏览器，因此您必须从div中删除底部边距。
答案 2 :(得分：2)
在谷歌浏览器上{padding-bottom: XXpx;}无效，但{padding-bottom: XXem;}无效。
注意第一个使用像素和第二个ems。
答案 3 :(得分：0)
css填充和边距指令在IE中运行良好，但在Chrome中则不行。如果将Chrome放在.css文件中，Chrome就会忽略它们。要解决此问题，请将所有填充和边距指令放在＆lt; STYLE＆gt;中的单独文件中。标签，然后在＆lt;？php include（'margins.php'）;？＆gt;的帮助下包含它。或＆lt ;! - #include virtual =“margins.php” - ＆gt;进入你的所有页面，因为如果页面中包含这些指令，则这些指令在Chrome中完美运行。