css - 嵌套的子元素什么时候展开父元素?

标签 css

在很多地方,我都将元素嵌套在其他元素中。我无法推断出子元素何时会导致父元素展开。我没有任何代码可以发布,因为这是一个一般性的概念性问题,因此我可以根据需要进行设计。

最佳答案

您首先应该了解的是 CSS Box Model .这将帮助您了解元素的属性如何导致它具有它所具有的大小和维度。另一个很好的资源是 here .

以最简单的方式(并且非常笼统)回答您的主要问题:

  • block 级元素占用尽可能多的宽度(遵守它们的 CSS 宽度规则)。它们的高度取决于它们的内容和 CSS height 属性。
    • divpul 等元素都是 block 。
    • 这些通常会导致您的父元素展开。
  • 行内层级元素将继续排成一行,只填充必要的宽度和高度。
    • spanemstrong 等元素都是内联的。
    • 只有在同一行上有足够多的父元素来保证另一行时,它们才会导致您的父元素展开。

有很多方法可以使用 CSS 调整元素的显示。

关于css - 嵌套的子元素什么时候展开父元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8962764/

相关文章:

javascript - 无法使用可选择的 jQuery UI 获取选定的单词

html - 表单的内联样式或类

css - 效果链 - javafx 中 effect.setInput 的 CSS 等价物

html - 如何向内部 id 添加新的 CSS 规则

javascript - 表单提交和功能运行后内容立即消失

java - 功能齐全的网站选项卡(带图像)

html - 在 CSS 表中有多个媒体查询

javascript - 选项卡内的轮播

javascript - 似乎没有得到 $().attr ('src' ) 来完成它的工作

javascript - 旋转后调整 DIV 元素大小时如何保持固定 Angular