Fatal编程技术网
  • css/
  • Css 哪个属性清除浮动列？

Css 哪个属性清除浮动列？

css

Css 哪个属性清除浮动列？,css,css-float,overflow,Css,Css Float,Overflow,拥有代码 <style> .col{ float:left; width:50%} </style> <div class="grid"> <div class="col">column1</div> <div class="col">column2</div> </div> .col{float:左；宽度：50%} 专栏1 专栏2 如果应用于“网

拥有代码

<style>
    .col{ float:left; width:50%}
    </style>
    <div class="grid">
    <div class="col">column1</div>
    <div class="col">column2</div>
    </div>


.col{float:左；宽度：50%}
专栏1
专栏2
如果应用于“网格”元素，哪个属性清除浮动列？ 答案应该是“溢出：隐藏”，但我无法理解解释。
谢谢

您需要将clear添加到
.grid
CSS中。 
清除：左或
清除：两者都有

或
如果您试图删除
浮动：left.grid
中的
.col
执行代码>操作


.grid>.col{float:none；}
找到了解释，将样式overflow:hidden添加到div.grid元素中，其工作原理类似于clear:both，剪切两列下的内容


<style>
.col{ float:left; width:50%}
.grid {overflow:hidden}
</style>
<div class="grid">
<div class="col">column1</div>
<div class="col">column2</div>
<div class="col">column3</div>
<div class="col">column4</div>
<div class="col">column5</div>
</div>
clear




.col{float:左；宽度：50%}
.grid{溢出：隐藏}
专栏1
专栏2
第3栏
专栏4
专栏5
清楚的