废话不多说,上代码!
<div></div>
<hr></hr>
<div></div>
<hr></hr>
上样式!!
div {
float:left;
width: 300px;
height: 100px;
background-color: red
}
hr {
width: 100%;
border: 1px solid #333
}
上图片!
Chrome显示效果
Firefox显示效果
导致布局错位
解决方案
上样式!!
div {
float:left;
width: 300px;
height: 100px;
background-color: red
}
hr {
width: 100%;
border: 1px solid #333;
clear: both
}