我有一个包含用户生成内容的DIV。这些内容可以并且将从具有margin-top且margin-top溢出容器的项目开始，以便容器和前面的元素之间存在间隙。我发现您可以将容器设置为display:inline-block，float:left / right或给它padding-top值。
如果您执行前两个选项之一，容器将其宽度缩小为其包含的元素。填充顶部不是一种选择，因为填充将产生间隙。基本上你可以为容器设置一个特定的宽度，但问题是有一个60多个布局的模板系统，我无法编辑所有这些。
所以我想知道，你是否看到任何一种CSS方法来解决这个边缘溢出问题或这里的缩小问题？
答案 0 :(得分：2)
其中一种方法是添加“overflow：hidden;”给它的父母。但是如果你想要超出父母边界的内容，它并不总是一个选择。
示例：http://jsfiddle.net/cLxhE/1/
另一种方法是使用伪元素来清除它。但它不适用于IE7及以下版本。
答案 1 :(得分：-1)
您可以在用户添加内容之前将其添加到容器div的顶部：
<div> </div>
然后给它一个0px的高度。