网站建设资讯

NEWS

网站建设资讯

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中的浮动产生有什么负作用”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


当前文章:css中的浮动产生有什么负作用
本文来源:http://njwzjz.com/article/pchhej.html