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