在很多地方,我都将元素嵌套在其他元素中。我无法推断出子元素何时会导致父元素展开。我没有任何代码可以发布,因为这是一个一般性的概念性问题,因此我可以根据需要进行设计。
最佳答案
您首先应该了解的是 CSS Box Model .这将帮助您了解元素的属性如何导致它具有它所具有的大小和维度。另一个很好的资源是 here .
以最简单的方式(并且非常笼统)回答您的主要问题:
- block 级元素占用尽可能多的宽度(遵守它们的 CSS 宽度规则)。它们的高度取决于它们的内容和 CSS height 属性。
div
、p
和ul
等元素都是 block 。- 这些通常会导致您的父元素展开。
- 行内层级元素将继续排成一行,只填充必要的宽度和高度。
span
、em
、strong
等元素都是内联的。- 只有在同一行上有足够多的父元素来保证另一行时,它们才会导致您的父元素展开。
有很多方法可以使用 CSS 调整元素的显示。
关于css - 嵌套的子元素什么时候展开父元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8962764/