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

首頁 > 開發 > CSS > 正文

CSS 清除浮動Clear

2024-07-11 08:46:16
字體：大 中 小
來源：轉載
供稿：網友
還記得第二課我們做的例子的效果么？最后效果是，紅色方塊和藍色方塊都處于一行，我們使用“Float:left”，打擊了塊狀元素的“霸道”即塊狀元素不允許其他元素和它處于同一行。我們將紅色方塊的CSS代碼中加入了“Float:left;”后，紅色方塊終于允許藍色方塊和它處于同一行。如圖：

我們換一種方法表達上面的意思，因為紅色方塊的“左側浮動”，才導致藍色方塊上移至紅色方塊的尾后；

在上個例子中，為了達到瀏覽器兼容性，我們分別在紅色藍色方塊CSS代碼中分別加了“Float:left;”，這樣IE和FF中顯示效果一樣，如果此時我們還想放一個寬度400像素，高度100的綠色方塊，并讓其處于第二行，效果如下圖：
 

1.gif

可是這時候不管怎么放，在IE中的效果始終是

2.gif

導致綠色拍到藍色的后面這種情況就是因為藍色方塊CSS代碼中含有"Float:left;"，但是為了瀏覽器兼容性，又不能去掉(什么？這句話看不明白，只能說明第二節課你沒有好好學，好好品味！)，怎么辦？
好辦~！只要在CSS代碼中加入下面這段代碼：

復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 乐山市| 鞍山市| 合江县| 九寨沟县| 庄河市| 邢台县| 积石山| 凤凰县| 循化| 晴隆县| 琼结县| 辉南县| 宝山区| 清河县| 磐安县| 乐山市| 会昌县| 孙吴县| 峨边| 康定县| 临泽县| 高密市| 墨竹工卡县| 易门县| 浙江省| 铜川市| 聂荣县| 贺兰县| 军事| 三门峡市| 通道| 兴城市| 甘南县| 左权县| 福海县| 大田县| 彰化县| 海盐县| 库伦旗| 永春县| 闵行区|