block水平元素与清除浮动实例页面

展示

请选择清除浮动的方法：

.clear:after {
    content: '';
    display: 
        请选择
        block
        table
        list-item
    ;
    clear: both;
}

此美女图片版权所有，注意不要复制与传播

代码

• HTML：

  <div class="box clear">
      <img src="/images/common/l/1.jpg">
  </div>

• CSS：

  .box {
      padding: 10px;
      background-color: #cd0000;
  }
  .box > img {
      float: left;
  }
  
  .clear:after {
      content: "";
      display: '';
      clear: both;
  }