html - 页脚与重叠的 div 重叠 - CSS

Question

分别向左和向右浮动图像和div。 float 页脚与图像和 div 混合后。

html

<img src="images/AboutUs.jpg" class="about_us" alt="about us" />
<div id="description">
djfdjfj
</div>

CSS

.about_us {
border: solid 1pt #efefef;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
width: 30%;
margin-left:  5px;
float: left;
border-collapse: collapse;
}

#description{
background-color: #ffffff;
width: 69.2%; 
float: right;
border-collapse: collapse;
}

页脚

footer{
width:100%;
border-width:1px 0px 0px 0px;
border-style:solid none none none;
}

这是图像

那里发生了什么？

Answer 1

尝试将此附加到您的页脚 css

footer{
float:left;
}