CSS系列：CSS中盒子之间的关系
浏览数：48 /
时间：2015年06月09日
1. 标准文档流
标准文档流是值在不使用其他的雨排列和定位相关的特殊CSS规则时，各种元素的排列规则。
1.1 块级元素（block level）
块级元素不会排在同一行中，总是以一个块的形式表现出来，并且跟同级的块级元素依次竖直排列，左右撑满。
1.2 行内元素（inline）
行内元素本身不占用独立的区域，只在其他元素的基础上指出一定的范围。
行内元素在DOM树中同样是一个节点，从DOM的角度来看，块级元素与行内元素没有区别，都是树上的一个节点；而从CSS的角度来看，二者区别在于块级元素拥有自己的区域，行内元素则没有。
div是一个块级元素，它包围的元素会自动换行。span是一个行内元素，在它的前后不会换行。
2. 盒子在标准文档流中的定位原则
行内元素之间的水平margin，块级元素之间的数值margin。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
