网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

css中常用的清楚浮动的方法

如果父级元素没有设置高度,并且其中的子元素进行了浮动,那么父级元素的高度就会塌陷成0高度,会影响后面元素的排版和布局,

目前创新互联已为上千家的企业提供了网站建设、域名、雅安服务器托管绵阳服务器托管、企业网站设计、永善网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

也就是后面的元素会直接顶上去。

所以我们就需要解决这种问题

第一种方法: 直接给父级元素添加overflow:hidden; 属性

css中常用的清楚浮动的方法

效果:

css中常用的清楚浮动的方法

解决办法:

css中常用的清楚浮动的方法

效果:

css中常用的清楚浮动的方法

第二种方法:在浮动的元素后面再添加一个空的div,并且添加清楚浮动的属性

css中常用的清楚浮动的方法

第三种方法:

css中常用的清楚浮动的方法

有时也会这样写:

css中常用的清楚浮动的方法

第四种方法: 让父级元素也一起浮动起来,也能让父级元素撑起高度。

通常第三种方法用的最多。


分享文章:css中常用的清楚浮动的方法
文章来源:http://bjjierui.cn/article/pidgdd.html

其他资讯