2016 - 2024

感恩一路有你

css3应用 css3父级和子级都浮动了,那还用清除浮动吗?

浏览量:1654 时间:2021-03-12 12:18:45 作者:admin

css3父级和子级都浮动了,那还用清除浮动吗?

浮动主要影响其他非浮动元素的布局,所以父元素的浮动必须清除,子元素也应该清除,以免出现一些莫名其妙的现象。我们可以这样理解:漂浮就像一座房子在地面上突然漂浮在空中,这样它原来在地面上占用的土地就会被其他新房子占用(这种情况是漂浮尚未清理的情况)。如果这个时候有一个硬性规定:这个房子的土地还是保留的,其他房子不能占,那么后面的其他房子就占了,不需要移动位置,所有房子的整体布局也不会改变(这是清浮的情况)。

如何让一个DIV浮动在另一个DIV上面?

1. 首先要做的是创建两个div。

2. 创建div之后,需要分别为它们提供class属性。

3. 接下来,使用CSS通过class属性设置它们的样式。

4. 需要给它们一个宽度和高度,为了便于观察,可以给它们一个边界。

5. 接下来,为非浮动div设置样式并为其指定背景色。

6. 接下来,要设置挂起的div的样式,您需要首先绝对定位它。设置其位置。

7. 接下来,您需要使用top和left来设置浮动div的位置,如下图所示。

8. 设置完成后,返回页面查看效果。

css3应用 css浮动布局 css3浮动

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。