说明
1、行内元素与浮动元素重叠,其边框、背景和内容将显示在浮动元素之上。
2、块级元素与浮动元素重叠时,边框和背景将显示在浮动元素下,内容将显示在浮动元素上。
实例
.pinkBox { background-color: pink; border: 1px solid red; width: 500px; height: 300px; float: left; } .greenBox { background-color: lightgreen; border: 1px solid green; width: 700px; height: 500px; }
以上就是css浮动元素的重叠问题,希望对大家有所帮助。更多css学习指路:
本文教程操作环境:windows7系统、css3版,DELL G3电脑。