clear:both 放置的位置

Question

css

.container{
    margin: 30px auto;
    width:600px;
    height: 300px;
 }
.p{
    border:solid 3px #a33;
 }
.c{
    width: 100px;
    height: 100px;
    background-color: #060;
    margin: 10px;
    float: left;
 }

 <div class="container">
      <div class="p">
           <div style="clear:both">//为什么不能写元素之前？
           <div class="c"></div>
           <div class="c"></div>
           <div class="c"></div>                                                                                                            
           <div style="clear:both">

       </div>
     </div>
     

带有clear属性的元素为什么不能写浮动元素之前？

Answer 1

带有clear属性的元素写在浮动元素之前，那它两侧本来就没有浮动元素，这个属性没有任何作用