關於清除浮動

2021-10-01 07:39:07 字數 394 閱讀 9316

一、為什麼要浮動

我個人認為是為了頁面的美觀,方便布局,但是浮動是把雙刃劍,有利也有弊

二、什麼時候需要清除浮動

很多種原因。1.如果父元素沒有設定高度,而子級元素設定了浮動,這樣會導致父元素高度的坍塌。2.導致背景不能顯示,如果對父級設定了背景屬性,導致父級不能撐開,會影響到背景不能正常開啟。3.浮動會導致父級子級之間設定了padding,導致了屬性不能正常傳達,導致margin不能正常顯示,所以我們要清除浮動。

三、怎麼清除浮動

1、在浮動元素之後加上

,clear存在left,right,both,none,inheart,

2、.在父元素中設定屬性overflow:hidden||auto

3、新增偽元素設定清除浮動樣式

關於清除浮動

一,為什麼要清除浮動 doctype html html head lang en meta charset utf 8 title clearfix title style div div1 div2 style head body div class div1 div class div2 di...

關於浮動與清除浮動

當給乙個子元素設定浮動屬性時,這個子元素就脫離了文件流,從形式上不再屬於父元素,因此它的父元素的高度就會受到影響,內容不被撐開,為了清除子元素浮動帶來的負面影響,可以有以下方法解決 1,給直接父元素設定inline block或float屬性 不推薦 2,在浮動的子元素後面加上br標籤並設定clea...

關於浮動與清除浮動

當給乙個子元素設定浮動屬性時,這個子元素就脫離了文件流,從形式上不再屬於父元素,因此它的父元素的高度就會受到影響,內容不被撐開,為了清除子元素浮動帶來的負面影響,可以有以下方法解決 1,給直接父元素設定inline block或float屬性 不推薦 2,在浮動的子元素後面加上br標籤並設定clea...