浮動是 CSS 屬性中一個非常重要的特性。浮動可以讓元素的位置發生變化,使它們可以與其他元素進行對齊。
float: left;
這個屬性把元素往左浮動,讓它的右側與其父元素的左邊緣對齊。
float: right;
這個屬性把元素往右浮動,讓它的左側與其父元素的右邊緣對齊。
浮動元素不會占用父元素的空間,它們會盡可能的向上靠近父元素。這就是為什么當浮動元素高于父元素時,其他元素會出現覆蓋的現象。
為了避免這種情況的發生,可以添加一個清除浮動的樣式。
clear: both;
這個屬性可以讓元素跳出浮動狀態,不受浮動元素的影響。
總結來說,浮動是 CSS 中非常實用的一個屬性,可以使元素實現對齊和排布。但是需要注意浮動元素可能會影響其他元素的呈現,需要及時進行清除。