css3應(yīng)用 css3父級和子級都浮動了,那還用清除浮動嗎?
css3父級和子級都浮動了,那還用清除浮動嗎?浮動主要影響其他非浮動元素的布局,所以父元素的浮動必須清除,子元素也應(yīng)該清除,以免出現(xiàn)一些莫名其妙的現(xiàn)象。我們可以這樣理解:漂浮就像一座房子在地面上突然漂
css3父級和子級都浮動了,那還用清除浮動嗎?
浮動主要影響其他非浮動元素的布局,所以父元素的浮動必須清除,子元素也應(yīng)該清除,以免出現(xiàn)一些莫名其妙的現(xiàn)象。我們可以這樣理解:漂浮就像一座房子在地面上突然漂浮在空中,這樣它原來在地面上占用的土地就會被其他新房子占用(這種情況是漂浮尚未清理的情況)。如果這個時候有一個硬性規(guī)定:這個房子的土地還是保留的,其他房子不能占,那么后面的其他房子就占了,不需要移動位置,所有房子的整體布局也不會改變(這是清浮的情況)。
如何讓一個DIV浮動在另一個DIV上面?
1. 首先要做的是創(chuàng)建兩個div。
2. 創(chuàng)建div之后,需要分別為它們提供class屬性。
3. 接下來,使用CSS通過class屬性設(shè)置它們的樣式。
4. 需要給它們一個寬度和高度,為了便于觀察,可以給它們一個邊界。
5. 接下來,為非浮動div設(shè)置樣式并為其指定背景色。
6. 接下來,要設(shè)置掛起的div的樣式,您需要首先絕對定位它。設(shè)置其位置。
7. 接下來,您需要使用top和left來設(shè)置浮動div的位置,如下圖所示。
8. 設(shè)置完成后,返回頁面查看效果。