第三章: 流,元素与基本尺寸.
-
width: auto 有如下四种意义:
1. 块级元素的尽可能的大, 占满父级元素的控件.
2. 包裹性. 内联元素的刚刚包裹其内容.
3. 收缩到最小, 即首选最小宽度.
4. 超出父容器限制. -
在 CSS 的世界里, 图文的优先级远比布局要高., 因此即使 width=0, 图文也不会不显示, 会遵循首选最小宽度准则.
-
box-sizing 属性是用来更改 width 属性的作用细节的, 其中 padding-size 无效.
-
textAera属于替换元素, 替换元素有一个特点: 将其 display 设定为 block , 其 width 不会自动扩充到父容器的宽度, 而是用 margin 来替代, 而非替换元素则会扩充至父元素的宽度.
-
当元素在正常文档流中, 要想使元素的 height 的百分比值生效, 则父元素必须要有一个可计算的高度值, 使高度的 height 生效的方法有:
1. 设定父元素的高度.
2. 使用绝对定位, 绝对定位中的 height 的百分比值是相对于父元素的 padding-box 的值来进行计算的, 而不是 content-box.
- 要想使 transition 生效, 则同一个属性的值必须要在同一类型的值中进行变化, 如 height 从 auto 变化到某一个具体的值, 是不会由过渡效果的.
- 幽灵空白节点