【翻译自W3C】
display
,positon
和float
这三个属性都会影响盒子模型和布局, 他们的关系影响如下:
- 如果
display
的值设为none
,那么position
和float
不会被应用。这种情况下,元素不会生成盒子。 - 如果
position
如果值设为absolute
或fixed
,被定位后的盒子会将float
计算为none
,display会按照下表表现。 如果该盒子定义了top
、right
、bottom
和left
属性,那么该盒子则是块级的。 - 如果
float
定义为none
以外的值,那么这个盒子的display
则如下表表现。 - 如果该元素是根元素,
display
则如下表表现。除了在CSS2.1中因list-item
会被计算为block
还是list-item
是未定义的。 - 其余
display
属性会按所指定属性表现。
属性 | 计算为 |
---|---|
inline-table | table |
inline, table-row-group, table-column, table-column-group, table-header-group, table-footer-group, table-row, table-cell, table-caption, inline-block | block |
others | 如所设置的 |