37-CSS-浮动

标准流(普通流、文档流)(normal flow)

浮动float.png

代码




    
    Document
     


      
xiaoqiang

浮动

如果使用行内块,每个块之间会有间隙,间隙计算很麻烦,费时,如果每个块元素之间不能有间隙,且全部块元素都放在每行里面,所以不建议使用行内块直接使用浮动来代替浮动来进行。

浮动1.png
浮动2.png

什么是浮动?

浮动定义.png

浮动的作用

1:浮动比行内块元素更能很好的布局

2:让多个块内元素在一行内显示

案列代码




    
    Document
    


    

效果

效果.png

你可能感兴趣的:(37-CSS-浮动)