如何清除浮动元素所带来的影响?

来源:互联网 发布:sql注入站点 编辑:程序博客网 时间:2024/05/01 17:53

浮动定位是指将元素排除在普通流之外,并且将它放置在包含框的左边或者右边,但是依旧位于包含框之内。也就是说,浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。
由于浮动框不在文档的普通流中,所以元素浮动之后,其原有位置不再保留,其他元素的位置会受到影响。
如果需要清除左侧或者右侧浮动元素带来的影响,则可以使用 clear 属性来设置。另外,包含框内的子元素浮动后,如果包含框没有设置具体的高度,则其高度会发生变化,此时,可以使用 overflow 属性来清除子元素浮动后带来的影响。

0 0
原创粉丝点击