文档流

最新推荐文章于 2024-03-11 16:15:57 发布

morning13

最新推荐文章于 2024-03-11 16:15:57 发布

阅读量70

点赞数

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/morning13/article/details/111462727

版权

<div class="div1">我是块状元素1</div>
<div class="div2">我是块状元素2</div>
<div class="div3">我是块状元素3</div>

<style>
.div1{float:left}
.div1{float:left}
</style>

当第一个div和第二个div都添加浮动后,两个div会排列在一行,但是第三个div会覆盖到前两个里面去,因为前两个绝对定位后,会脱离标准浮动流,系统不会为其保留原来位置,故而第三个div会和第一个div重叠

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
文档流

<div class="div1">我是块状元素1</div><div class="div2">我是块状元素2</div><div class="div3">我是块状元素3</div><style>.div1{float:left}.div1{float:left}</style>当第一个div和第二个div都添加浮动后,两个div会排列在一行,但是第三个div会覆盖到前两个里面去,因为前两个绝对
复制链接

扫一扫

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。