有关float

Posted 2020-08-23

  1.浮动元素不会占据块的空间，但是浮动元素会占据行框空间，通俗的讲就是文本所占的空间。

  2.浮动元素会在其碰到父级元素边框或者另一个浮动元素边框，紧邻其后显示。

  3.清除浮动:

<div id="clear"></div>
<style type="text/css">
    #clear{float: left;}
    #clear:after{
        content:"";
        display:block;
        height:0;
        clear:both;
    }
    #clear:{zoom:1;}
</style>

 

 

                  

  .