css中的浮动产生有什么负作用

本篇内容主要讲解“css中的浮动产生有什么负作用”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“css中的浮动产生有什么负作用”吧!

创新互联专注于临高企业网站建设,响应式网站建设,商城建设。临高网站建设公司,为临高等地区提供建站服务。全流程定制网站设计，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务

1、背景不能显示（overflow:hidden）。

由于浮动产生，如果对父级设置了(css background背景)CSS背景颜色或CSS背景图片，而父级不能被撑开，所以导致CSS背景不能显示。

2、边框不能撑开，如果父级设置了CSS边框属性，子级里使用了float属性产生浮动，父级不能被撑开。

3、margin padding设置值不能正确显示。

由于浮动导致父级子级之间设置css padding，css margin 属性的值不能正确表达，特别是上下边的padding和margin不能正确显示。

实例

*{ margin:0; padding:0;}   //取消设置 如 li 留下的那个实点
ul{ width:900px; border:3px dotted red; list-style:none; overflow: hidden;}//overflow:hidden :让行高自适应
.left{ width:300px; height:300px; background:#FF0; float:left;}   //float:left设置浮动全部向左排
.chent{ width:300px; height:300px; background:#000; float:left}
.right{ width:300px; height:300px; background:red; float:left}





         

         

到此，相信大家对“css中的浮动产生有什么负作用”有了更深的了解，不妨来实际操作一番吧！这里是创新互联网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！