浮动元素与块级元素
结果:块级元素的边框、背景在浮动元素下,内容与浮动元素平级显示
.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;
}
浮动元素与行内元素
结果:行内元素的边框、背景、内容与浮动元素平级显示
.pinkBox {
background-color: pink;
border: 1px solid red;
width: 500px;
height: 300px;
float: left;
}
span {
background-color: orange;
border: 1px solid oranged;
}