清除浮動的三種方法
新建HTML文件 第一種清除浮動的方法是通過設置li標簽的浮動來實現(xiàn)。當給li標簽設置float屬性后,下面的div元素會被拉到li標簽的下方。 插入空div并使用clear屬性 第二種方法是在
新建HTML文件
第一種清除浮動的方法是通過設置li標簽的浮動來實現(xiàn)。當給li標簽設置float屬性后,下面的div元素會被拉到li標簽的下方。
插入空div并使用clear屬性
第二種方法是在ul元素的后面插入一個空的div,并給該div添加行內樣式"clear:both;"。這樣可以清除浮動效果,使得div元素不受浮動元素的影響。
使用CSS樣式清除浮動
第三種方法是通過寫一個CSS樣式,并將該樣式應用在需要清除浮動的div元素上??梢允褂胏lear屬性來清除浮動效果,從而使div元素正常顯示。
使用after偽元素清除浮動
還有一種常用的方法是使用after偽元素來清除浮動效果。在ul元素中添加一個clearfix的CSS樣式,然后在該樣式中設置after偽元素的content為空,并且將display屬性設置為table以及clear屬性設置為both。這樣可以實現(xiàn)清除li元素的浮動效果。