关于CSS浮动问题

 

文档流指的是元素排版布局过程中，元素会默认自动从左往右，从上往下的流式排列方式。并最终窗体自上而下分成一行行，并在每行中从左至右的顺序排放元素。

浮动会使元素脱离标准文档流, 从而导致容器塌陷

 

 

浮动元素的特点:

　　脱离标准文档流    ---->后来又发现, 这一条是成立的, 但是, 需要配合最后一条规则

　　不会自动撑起父级元素的高度    ----->根据实验结果,这两个特性好像是不成立的

　　字围效果

　　父级范围内浮动

　　互相贴靠

　　变成行内块元素(如果不指定宽高则会自动收缩)

　　只影响当前的以及之后的标准流盒子, 不会影响它之前的标准流盒子

 

使用浮动元素的原则: 　　

　　同级子元素中永远不要让一个元素单独浮动, 要设置浮动的话, 需要大家一起浮动

　　

 

补充:

　　定位元素和浮动元素   的  margin会失效