麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 網站 > WEB開發 > 正文

清浮動常見方法總結

2024-04-27 15:15:44
字體:
來源:轉載
供稿:網友
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>清浮動</title> <style type="text/CSS"> .father{border:1px solid red;margin: 90px auto;overflow: hidden;zoom:1;} .child{width: 200px;height:300px;background: blue;float: left;} /* .clear:after{content: "";display: block;clear: both;} ..clear{zoom:1;} */ /* 清浮動方法總結; 1.在浮動元素下面加上<div class="clear"></div> .clear{clear:both;} 2. 在浮動元素下加<br clear="all" /> 3.給浮動元素父級加上:<div class="father clear" > .clear:after{content:"";display:block;clear:both;} .clear{zoom:1;} 注意事項: 在IE6,IE7下不支持after偽類,所以要配合zoom屬性來清浮動,解決兼容性問題 擴展: 在IE6,IE7下父級有寬度就不用清浮動 haslayout(默認狀態下是false)根據元素內容大小或者父級的大小來重新計算元素的寬高,使用以下樣式會被激活: width:(任何值除了auto); height:(任何值除了auto); display:inline-block; float:left/right; zoom:(除normal之外任何值); 4.給浮動元素父級加上overflow:hidden/auto zoom:1; 注意事項;在IE6中overflow沒有包住浮動元素的作用,即沒有提升層級的作用,所以要配合zoom一起使用 */ </style></head><body> <div class="father clear" > <div class="child"></div> </div></body></html>
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 国产一区二区精品免费 | 免费观看在线 | 国产精品视频不卡 | 日韩电影av在线 | 欧美天堂一区 | 91精品国产综合久久久动漫日韩 | 欧美日韩成人一区二区 | 免费a网 | 91成人午夜性a一级毛片 | 老女人碰碰在线碰碰视频 | 久章草在线观看 | 国产一级中文字幕 | 欧美精品一区二区三区四区 | 成人不卡免费视频 | 国产亚洲精品久久久久久网站 | 国产日本欧美在线观看 | 久久国产精品区 | 国产精品亚洲综合一区二区三区 | 亚洲精品午夜电影 | 国产精品久久久久影院老司 | 一区二区高清视频在线观看 | 国产精品热 | 在线免费观看毛片视频 | 一区二区三区在线视频观看58 | 国产91丝袜在线播放 | 久久国产精品久久久久 | 草草视频免费 | 久久免费看片 | 成人免费影院 | 国产一级毛片高清视频完整版 | 毛片视频在线免费观看 | 日本一道aⅴ不卡免费播放 久久久久久久高清 | 国产精品自拍啪啪 | 国产亚洲精品久久久久婷婷瑜伽 | 亚洲特黄a级毛片在线播放 久久久入口 | 亚洲片在线观看 | chengrenzaixian| 中文字幕亚洲一区二区三区 | 黄色7777 | 曰本三级日本三级日本三级 | 精品一区二区三区在线观看国产 |