css浮动元素的重叠问题

说明

1、行内元素与浮动元素重叠，其边框、背景和内容将显示在浮动元素之上。

2、块级元素与浮动元素重叠时，边框和背景将显示在浮动元素下，内容将显示在浮动元素上。

实例

.pinkBox{
background-color:pink;
border:1pxsolidred;
width:500px;
height:300px;
float:left;
}

.greenBox{
background-color:lightgreen;
border:1pxsolidgreen;
width:700px;
height:500px;
}

以上就是css浮动元素的重叠问题，希望对大家有所帮助。更多css学习指路：css教程