Question

我正在研究一些复杂的设计并再次提出一个愚蠢的问题：）

好吧，假设我有一个div和一些内容，比如：

<div style="background-color: #fff; width: 1000px; margin: 0 auto;">
     <img src="img.png" />
     <p>Blablabla :)</p>
</div>
<div style="background-color: #000; width: 1000px; margin: 0 auto;"></div>

Div的宽度是固定的，但我不告诉浏览器高度是多少（因此css文件中没有div的高度属性）。

然后，当我在第一段或更大的图像中添加越来越多的文本时，第一个div的text-child位于第二个div中。

如何防止这种情况发生？或者我是怎么做到的？

谢谢！

Answer 1

它应该是自动扩展的，听起来你有一些其他样式的定位会抛出默认行为。

You can see in a demo here它应该扩展（height: auto;）到您提供的任何内容，动态添加或不添加。

Answer 2

确保CSS中的父div不是position:absolute;或position:fixed;。它们应该是position:relative;。

如果有任何子项为float:left;或float:right;，那么reective parent div需要一个overflow:auto;属性才能使div 完全包装子项

如果你发布了一个工作页面的整个样本，而不仅仅是div和CSS，它会帮助我们更多。

Answer 3

我会检查img和p上的花车和定位。但是，如果没有看到完整的css / html你能发布一个链接，我就无法告诉你更多信息吗？

当div没有调整内容大小？

3 个答案: