国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板： 阆中市| 巩留县| 城市| 微山县| 扶风县| 申扎县| 巫山县| 法库县| 林芝县| 平湖市| 通榆县| 泾阳县| 滦南县| 黎城县| 临颍县| 安仁县| 萨嘎县| 收藏| 车险| 和政县| 景洪市| 工布江达县| 清涧县| 南澳县| 尉氏县| 烟台市| 分宜县| 香河县| 汉中市| 临漳县| 叙永县| 麻阳| 镇巴县| 乌兰察布市| 海淀区| 民乐县| 洛浦县| 加查县| 榆社县| 蓬安县| 宁晋县|