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

首頁 > 開發 > CSS > 正文

CSS――float屬性及Clear:both備忘筆記

2024-07-11 08:50:47
字體:
來源:轉載
供稿:網友
通過指定CSS屬性float的值,從而使元素向左或向右浮動,然后由后繼元素向上移動以填補前面元素的浮動而空出的可用空間。CSS的float屬性,作用就是改變塊元素對象的默認顯示方式,HTML標簽設置了float屬性之后,它將不再獨自占據一行,從而可以實現多個元素同處一行的效果。Float的功能很強大,但是如果沒有好好掌握而使用很可能會成為你調試樣式的噩夢。

使用Float樣式,如果沒有清除浮動,那么有浮動元素的父元素容器將無法自動撐開。如果沒有清除內部浮動,此時會導致浮動的父元素無法自動撐開到本身應有的高度。也就是說:當一個元素是浮動的,如果沒有關閉浮動時,其父元素不會包含這個浮動元素,因為此時浮動元素從文檔流中脫離。

所以需要在樣式定義的后面進行清除浮動,清除浮動的方法有幾種:

Clear:both清除浮動

clear清除浮動主要是借用clear屬性來清除浮動,這是一種比較陳舊的清除浮動方法,但是感覺一般遇到這種問題都會用這種方法去清除浮動。使用clear:both來清除浮動,我們需要在需要清除浮動地方的后面緊接著增加一個額外元素,比如說一個div標簽,并且定義他們的樣式為“clear:both”,其通常使用的結構方式如下:

復制代碼
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 阿克| 高密市| 扎囊县| 西乌| 道孚县| 庆元县| 伽师县| 汝南县| 三都| 竹北市| 紫云| 株洲县| 台北市| 阿荣旗| 玛纳斯县| 梁平县| 黑龙江省| 徐水县| 开远市| 洛宁县| 邢台市| 邢台市| 香港 | 武安市| 大关县| 安义县| 涿州市| 瓦房店市| 华安县| 兰考县| 玉门市| 永吉县| 余江县| 林州市| 宁陵县| 南昌市| 安陆市| 石家庄市| 徐汇区| 滨海县| 泸州市|