关于css的float

当前块为float时

下一个为内联元素不加float:
当前块从文本流剔除,成为上级浮动层
当页面宽度足够时,上一个内联元素移动到当前块的后面,下一个内联元素也移动到当前块后面,
当页面宽度不够时,上一个内联元素仍在当前块上方,下一个内联元素也移动到该当前块上方。
下一个为div块且不加float:
当前块从文本流中剔除,成为上级浮动层,下一个为div块与其重合,紧跟文档流
当页面宽度足够时,上一个内联元素移动到当前块的后面
当页面宽度不够时,上一个内联元素仍在当前块上方。
下一个为内联元素加float:
当前块从文本流中剔除,成为上级浮动层
当页面宽度足够时,下一个带float得内联元素紧随其后并恢复到初始大小,当前块上一个内联元素到下一个内联元素后方
当页面宽度不够时,下一个内联元素覆盖其后得div块,当下一个内联元素其后是内联元素,则次内联元素跟随文档流跟在当前块上一个内联元素的后面。

下一个带float得div块:
当前块及下一个块从文本流中剔除,成为上级浮动层
当页面宽度足够时,下一个块紧随其后,当前块上一个内联元素以及下一个块得下一个内联元素处于文档流之中但跟随于下一个div之后
当页面宽度不够时,当前块上一个内联元素及当前块下一个块的下一个内联元素都跟随与文档流,在当前块上方,下一个块在当前块下方。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值