CSS 浮动(float) 宝妈级导论 通俗易懂

: #c5708b; float: left; } 我是div01 我是div02

弊端:无法显示溢出的部分

叔父箱次子 500px 次子箱次子 600px (次子箱次子的100px被隐藏)

float .father { border: 4px solid greenyellow; width: 500px; overflow: hidden; } div .child { color: bisque; width: 600px; background-color: #c5708b; float: left; } 我是div01 我是div02

2.:after 伪成分法

float .father { border: 4px solid greenyellow; width: 500px; } div .child { color: bisque; width: 240px; background-color: #c5708b; float: left; } .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { /* IE 6,7专有 解决兼容性问题 */ *zoom: 1; } 我是div01 我是div02

3.双伪成分扫除固定

float .father { border: 4px solid greenyellow; width: 500px; } div .child { color: bisque; width: 240px; background-color: #c5708b; float: left; } .clearfix:before,.clearfix:after{ content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { /* IE 6,7专有 解决兼容性问题 */ *zoom: 1; } 我是div01 我是div02。

北京男科医院哪家医院好
郑州不孕不育治疗方法
拉肚子吃什么药好
南京妇科医院哪个专业
沈阳牛皮癣医院那家比较好