css浮动产生的负作用

发布日期:2023-05-26 浏览次数:1

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
}
如果您有什么问题,欢迎咨询技术员 在线沟通