清除浮动都有哪些方法 clear float

九

于 2017-06-29 21:54:42 发布

阅读量448

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.youkuaiyun.com/qq_31301099/article/details/73928439

版权

css 专栏收录该内容

20 篇文章

订阅专栏

.p{width:500px; border:1px solid black; padding:10px;}

.c{width:100px; height:100px; background-color: green;}

<div class="p">
     <div class="c"></div>
     <div class="c"></div>
     <div class="c"></div>
     <div style="clear:left;"></div> <!--冗余的子元素-->
</div>

.fix::after { 
     content:""; 
     display:table; 
     clear:both;
}
 
 浮动 (元素的 float: left; float: right; float: both; ）
绝对定位元素 (元素的 position为 absolute 或 fixed)
行内块 inline-blocks (元素的 display: inline-block)
表格单元格 (元素的 display: table-cell，HTML表格单元格默认属性)
表格标题 (元素的 display: table-caption，HTML表格标题默认属性)
overflow: hidden的元素
弹性盒子 flex boxes (元素的 display: flex 或 inline-flex)