css清除浮动无效,css清除浮动的处理方法

根据《精彩绝伦的css》

JS Bin

.news{

outline:1px solid pink

}

.col{

float: left;

width:33%;

outline:1px solid blue;

}

some text-one

ConHugeCo has permanently altered the theory of niches. What do we morph? Anything and everything, regardless of namelessness!

some text-three

//这里出现的为图<1>

清除浮动的方法：

以溢出遏制浮动 --最终展示效果图<2>

.news{

Overflow : auto;

}

好处：简单

劣势：浏览器自动回添加滚动条

2.以浮动遏制浮动 --出现的问题图<3>

.news{

Float: left;