浮动布局

最新推荐文章于 2024-07-09 14:56:28 发布

aowensao3083

最新推荐文章于 2024-07-09 14:56:28 发布

阅读量106

点赞数

原文链接：http://www.cnblogs.com/baixuezhemei/p/fudong.html

版权

本文探讨了浮动布局在网页设计中的应用，包括左浮动和右浮动的区别及其实现方式。同时，详细介绍了两种清除浮动的方法：一是通过在最后一个浮动元素后添加带有clear:both样式的空div；二是对父级元素应用clear-fix类来实现。这些技巧对于解决浮动元素引起的布局问题至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

浮动布局 :

左浮动影响: 块元素的宽度不再是父元素的宽度水平排布

浮动分为左浮动 he 右浮动区别从左到右排列和从右到左排列

清除浮动

最后一个浮动标签之后添加一个空的div，设置一个样式 clear:both

第二种清除浮动在不加div的前提下父标签加一个类 clear-fix 通过添加后缀设置后缀展示以block 展示加上clear:both 就可以清除浮动

转载于:https://www.cnblogs.com/baixuezhemei/p/fudong.html

评论

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

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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