clear:both

css   clear:both[left|right];

首先我们理解一下clear，顾名思义就是清除的意思，both的意思是全部，那连起来就是清除全部样式，不过这个样式主要是用于对多个div浮动的清除，如float:left,如果不清除，很容易对下面的div造成显示错位，通过代码来理解下：

<html>
        <head>
        <style>    
            .keepbj{                            //通过class来设置
                width:100px;                    
                height:50px;
                border:1px solid #f00;
            }
            
            #div1{
                float:left;
                width:40px;
                height:50xp;
            }
            
            #div2{
                float:lleft;
                width:30px;
                height:50px;
            }
            
            #div3{
                clear:both;           //div3就不受float的影响。
                width:30px;
                height:30px;
            }
</style>
        
        </head>
    
        <body>
            <div class='keepbj'>
                    <div id='div1'>我会在左边</div>
                    <div id='div2'>我会在右边</div>
            </div>
            <div id='div3'>
                    我不会受flaot的影响。
            </div>

        </body>
</html>

 

posted @ 2016-09-11 15:39  乱世_独自美  阅读(175)  评论(0)    收藏  举报