发布日期: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
}