Html 页脚重叠重叠的div-CSS

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

html 页脚

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

这就是图像

---

发生了什么事？

尝试将其附加到页脚css中

footer{
float:left;
}

---

在进入下一行之前，您应该清除float。像这样

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

---

无论何时浮动div或images，请尝试任何适合您的选项。。然后你必须清除，这样其他分区就不能混在一起了。清除属性不允许在此属性旁边浮动

例如：

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

<div style="clear:both"></div>
</div>

djfdjfj

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

.about_us {width:30%;}
#description{width:70%}

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

<div style="clear:both"></div>
</div>