【CSS】 知识点积累

2014-08-13

position和float对display的影响(隐性改变display)

这个知识点可以参考w3c上的说明

我觉得写一堆文字不好记忆,用编程方式不知道好不好,试验一下。

if(display = none){
	box不存在,忽略position和float
}
else{
	if(position = absolute || fixed){
		float忽略,display值按表计算
	}
	else{
		if(float != none){
			display值按表计算
		}
		else{
			if(根元素){
				display值按表计算
			}
			else{
				display就是指定值
			}
		}
	}
}

表:

Specified value Computed value
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 same as specified
comments powered by Disqus