CSS教程中通常解释的方法是:
当您处理带有背景图像和固定填充的像素完美布局时,所有这些副作用都会变得很明显。
有什么方法可以简单地禁用折叠而不用将多余的像素推入布局中吗?对于我来说,必须以视觉方式影响文档以更改这种行为对我来说没有任何意义。
好吧,您需要在两者之间有一些东西来“破坏”崩溃。
我的第一个想法是使用div并display:none在两者之间进行设置,但这似乎不起作用。
display:none
所以我尝试了:
<div style="overflow: hidden; height: 0px; width: 0px;">.</div>
这似乎做得很好(至少在firefox中,这里没有安装Internet Explorer进行测试…)
<html> <body> <div style="margin: 100px;">.</div> <div style="overflow: hidden; height: 0px; width: 0px;">.</div> <div style="margin: 100px;">.</div> </body> </html>