国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

一個老外弄的Clearing floats(清除浮動的方法)

2020-10-23 18:39:46
字體：大 中 小
供稿：網(wǎng)友
我常用的都是clear:both;方法，如


<div style="clear:both">
   <div style="float:left"></div>
  <div style="float:right"></div>
</div>



今在PlanABC看到另外這種方法，特些記錄下來。

div.container {
 border: 1px solid #000000;
}

div.left {
 width: 45%;
 float: left;
}

div.right {
 width: 45%;
 float: right;
}


層套關(guān)系：container的div包含left和right

最簡單合理的清除浮動的方法（紅色粗體部分）：

div.container {
 border: 1px solid #000000;
 overflow: hidden;
 width: 100%;
}

兼容情況：IE6 IE7 FF MacIE等

來源地址：http://www.quirksmode.org/css/clearing.html

PS：不過在使用的過程貌似還有小的BUG，淘寶的小馬曾碰到過，具體的癥狀是，IE6中層套清除浮動的div，導致部分鏈接無法點擊。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板： 丹东市| 司法| 武清区| 巴中市| 泰和县| 思茅市| 宝鸡市| 乐东| 沧州市| 龙海市| 万年县| 舞阳县| 扎兰屯市| 石首市| 杨浦区| 图木舒克市| 乌拉特前旗| 昌图县| 共和县| 南召县| 增城市| 仪征市| 营山县| 宁河县| 耿马| 健康| 长葛市| 武鸣县| 醴陵市| 昭通市| 合阳县| 绥江县| 徐汇区| 东乡| 长丰县| 安康市| 济阳县| 深圳市| 普安县| 拜城县| 观塘区|