html - 页脚不会靠边栏下降

Question

我正在为 wp 创建主题，但出现问题。 我有一个类的 div:页脚:

<div class="footer">
<div class="link-posts"><!--NEW POSTS-->
   <div class="new-posts">مطالب جدید</div>
</div>  
<div class="div-posts">
   <ul class="ul-posts">
      <li class="li-posts"><a href="http://127.0.0.1/wordpress/?p=8#posts" class="a-posts"></a>
      <a class="a-posts" href="http://127.0.0.1/wordpress/?p=39">امیر محمد احمدی</a><br>                                <a class="a-posts" href="http://127.0.0.1/wordpress/?p=34">یبذیبذیبذ</a><br>                                
      <a class="a-posts" href="./FILE_files/FILE.htm">رفت آن سوار</a><br>                                           <a class="a-posts" href="http://127.0.0.1/wordpress/?p=6">jsjjjjjj</a><br>                              
      <a class="a-posts" href="http://127.0.0.1/wordpress/?p=4">تست</a><br>
      <a class="a-posts" href="http://127.0.0.1/wordpress/?p=1">سلام دنیا!</a><br>
      </li>
    </ul>   
</div>  
<div class="Latest-Comments">
   <div class="comments">آخرین نظرات</div>
</div>
<div class="div-comments">
   <ul class="ul-comments">
     <li class="li-comments">
     <ul>
       <li><strong><a href="http://127.0.0.1/wordpress/?p=1#comment-1" title="on سلام دنیا!">آقای وردپرس</a></strong>: سلام،‌ این نوشته یک «دیدگاه» است. برای پاک کردن یا ویرایش ی...</li>
     </ul>
     </li>              
   </ul>
</div>      
<div class="Archive">
   <div class="amir-archive">پربازدیدترین نوشته ها</div>
</div>  
<div class="div-archive">
   <ul class="ul-archive">
    <a href="http://127.0.0.1/wordpress/?p=8#archive" class="a-archive"></a>
    <li><a href="http://127.0.0.1/wordpress/?p=8#archive" class="a-archive"></a>
    <a href="http://127.0.0.1/wordpress/?p=34" title="یبذیبذیبذ">یبذیبذیبذ</a> - 0 views</li>
    <li><a href="./FILE_files/FILE.htm" title="رفت آن سوار">رفت آن سوار</a> - 0 views</li><li><a href="http://127.0.0.1/wordpress/?p=39" title="امیر محمد احمدی">امیر محمد احمدی</a> - 0 views</li>                 
  </ul> 
  <div class="Copyright">
     <div class="hoghogh">-1392©&nbsp;حقوق مطالب ،تصاویر و طرح قالب برای نام سایت محفوظ است.</div><div class="time-copy">۱۳۹۳</div>
  </div>
  </div>        
</div>
<!--/LOGIN-->

还有两个不同的 div 姐妹这个 div，它们都在一个父容器下。

问题是页脚不会根据侧边栏的大小而下降，它只是根据帖子的大小来实现。

侧边栏有一个容器，float: left;帖子的容器， float :右边，页脚清晰:两者。

欢迎帮助:D

文件上传到这里:http://up.ashiyane.org/images/n1k6iu0xsd0k3elni4hy.zip

Answer 1

用另一个 div 包裹你的侧边栏和帖子，并添加那个 div clearfix 类，例如

<div id="main_container" class="clearfix">    
<div="second_container" class="clearfix"> <--add this
<div id="posts_cnt" class="clearfix">
</div>
<div class="container-sidebar clearfix">
</div>
</div><--add this
</div>
<div class="footer">
</div>
</div>