当前位置：九州下载 > 建站问答 >

css浮动产生的负作用

时间：2023-02-25 12:39编辑：九州下载来源：www.wzjsgs.com

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

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

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

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

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

实例

<head>
<styletype="text/css">
*{margin:0;padding:0;}//取消设置如li留下的那个实点
ul{width:900px;border:3pxdottedred;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}
</style>
</head>
<body>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</body>

以上就是css浮动产生的负作用，希望对大家有所帮助。

< 上一篇

css盒子模型的属性介绍

下一篇 >

css选择器是什么意思