博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
谈谈常用清除浮动的方法
阅读量:5235 次
发布时间:2019-06-14

本文共 397 字,大约阅读时间需要 1 分钟。

我们在做页面布局的时候,经常需要利用浮动来实现一些布局效果,这样带来的后果就会导致父元素丢失宽度。今天我们就来说说‘找回‘宽度的方法。

而清除浮动后的效果应该是这样的请看:

下面就说说方法,方法其实有非常的多,下面部分方法的截图请大家参考

(1)父级div定义height。

(2)结尾处加空div标签clear:both。
(3)父级div定义伪类:after和zoom。
(4)父级div定义overflow:hidden。
(5)父级div定义overflow:auto。
(6)父级div也浮动,需要定义宽度。
(7)父级div定义display:table。
(8)结尾处加br标签clear:both

一般来说 给父元素加伪元素after是更好的方法。附图一张:

(新手请多多指教)

转载于:https://www.cnblogs.com/ymdong/p/6216870.html

你可能感兴趣的文章
阅读软件工程的问题
查看>>
【Netty】UDP广播事件
查看>>
(4)Numpy+矩阵计算+和生成
查看>>
ttt
查看>>
[置顶] java处理office文档与pdf文件(一)
查看>>
Flutter之内置动画(转)
查看>>
MySql优化相关概念的理解笔记
查看>>
数据库解决方案
查看>>
备份U盘分区表,未雨绸缪
查看>>
Eclipse配置 自动补全功能 快捷键 alt+/
查看>>
抖动效果
查看>>
DataContract和DataMember的作用
查看>>
来自XP的道别信
查看>>
js如何获取response header信息
查看>>
python_文件的打开和关闭
查看>>
mysql archive存储引擎导入数据报duplicate key
查看>>
ADO.NET介绍
查看>>
iOS: 数据持久化方案
查看>>
【C#】【Thread】Monitor和Lock
查看>>
UVALive - 3635 - Pie(二分)
查看>>