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教程

本文教程操作环境：windows7系统、css3版，DELL G3电脑。

课程教程：css浮动元素的重叠问题

内容版权声明：除非注明，否则皆为本站转载文章。文章及图片版权归原作者所有，如有侵权请联系我们，我们立刻删除。