css浮动特征和总结

[复制链接]
查看1486 | 回复0 | 2020-7-23 07:43 | 显示全部楼层 |阅读模式
css浮动特征
1.可以做图文绕排
2.主要让块元素排一行,多个元素一起浮动
3.注意加了浮动以后元素的顺序,标签顺序,浮动方向
4.浮动的元素脱离标准流

1.行元素浮动
行元素浮动,会优先于普通元素占据设置方向的位置,不会重叠
2.块元素浮动
块元素浮动,会脱离页面原本的文本流(不占据原本的空间),会覆盖其他元素
多学一招:
1.脱离文本流的元素具有行内的块元素的特性(不换行,能设置宽高),无论原来是行元素还是块元素--例:图文绕排。
2.设置了浮动的元素,居中对元素不起作用
3.浮动元素不会覆盖文字
4.大盒子放不下了,浮动元素会掉下去,掉下去的元素位置根据上一个元素的高度:(1)上一个元素高度比较小,在上一个元素的正下方(2)上一个元素高度比较大,高度的起始位置,在上一个元素的下方

总结:
        1.所有元素浮动后都变成了行内块
        2.浮动元素不能覆盖文字
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

UID
1
贡献
387
丢币
38902
主题
4607
回帖
116
注册时间
2018-9-25
最后登录
2024-4-16