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

首頁 > 開發(fā) > CSS > 正文

CSS：閉合元素和浮動元素的差別

2024-07-11 08:25:00
字體：大 中 小
供稿：網(wǎng)友
提示：本文不是教程，而是對閉合浮動元素的方法在某個特定情況下的現(xiàn)象的討論，涉及float、clear、overflow、:after等知識，新手勿入。

float屬性在頁面排版上非常有用，但是也帶來很多問題。最常見的就是浮動元素的閉合問題。
如果一個沒有設定高度的不浮動元素的子元素浮動，則該元素的高度不會包括浮動子元素的高度，而只會包含其內(nèi)部不浮動元素的高度，因為浮動元素不屬于常規(guī)流向，它脫離了文檔流。因此如果要元素能夠自動包含浮動子元素，則需要閉合浮動元素。
目前比較常用的有3種方法：
利用浮動子元素后的元素清除浮動（包括添加1個空的元素以清除浮動）。 使用:after偽元素，在元素最后插入清除。 為元素設定overflow屬性除“visible”之外的值。
還有1個方法可以使元素自適應高度：
浮動元素，浮動的元素會包含浮動的后代元素。
下列代碼，其顯示如圖1所示。
提示：所列代碼只是關(guān)鍵代碼，完整代碼請查看示例頁面。

CSS：
p,
div{...}{
margin:5px;
}
.wrap{...}{

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板： 石柱| 江山市| 友谊县| 内丘县| 武鸣县| 鹤山市| 分宜县| 建昌县| 昭觉县| 渑池县| 府谷县| 东山县| 博野县| 汝阳县| 会理县| 烟台市| 阳谷县| 三原县| 石嘴山市| 明水县| 邳州市| 临城县| 内丘县| 望谟县| 泌阳县| 洛浦县| 肇东市| 高陵县| 莆田市| 镇安县| 德兴市| 红安县| 永春县| 固阳县| 云梦县| 潞城市| 沙雅县| 呼和浩特市| 丰城市| 赤壁市| 嘉禾县|