博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
清除css浮动问题
阅读量:4972 次
发布时间:2019-06-12

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

一个元素的css设置了浮动(float),会影响到他下面的元素,使html页面显示达不到预期的效果,下面介绍几种值得推荐的有效清除浮动的方法。

方法一:在设置浮动元素的后面新增一个div,将其设置成clear:both

例:

.clearfloat{
clear: both; } 方法二:在设置浮动元素的后面新增一个br,将其设置成clear:both

例:


.clearfloat{
clear: both; } 方法三:将父元素的overflow设为隐藏 例:

例:

.top_content{margin:0 auto;width:1000px;overflow: hidden}

 

转载于:https://www.cnblogs.com/Dingzy/p/7677646.html

你可能感兴趣的文章
微信小程序去除button默认样式
查看>>
11/26
查看>>
Where does Visual Studio look for C++ Header files?
查看>>
Java打包可执行jar包 包含外部文件
查看>>
Docker容器运行ASP.NET Core
查看>>
WPF图片浏览器(显示大图、小图等)
查看>>
.Net码农学Android---系统架构和基本概念
查看>>
Windows Phone开发(37):动画之ColorAnimation
查看>>
DevExpress的Web控件汉化方法
查看>>
js中escape,encodeURI,encodeURIComponent 区别(转)
查看>>
结对编程项目-四则运算整体总结
查看>>
Android studio怎么修改文件名
查看>>
sass学习笔记-安装
查看>>
多缓存并存
查看>>
Flask (二) cookie 与 session 模型
查看>>
修改添加网址的教程文件名
查看>>
hdu 1045:Fire Net(DFS经典题)
查看>>
[BZOJ 1017][JSOI2008]魔兽地图DotR(树形Dp)
查看>>
裁剪图片
查看>>
数据结构实习 problem L 由二叉树的中序层序重建二叉树
查看>>