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-->

并且有两个不同的divs姐妹这个div都在父容器下。

问题是根据侧边栏的大小，页脚没有下降，它只是用帖子的大小来做。

侧边栏有一个容器，float：left;帖子的容器，浮动：右边和页脚是清楚的：两者。

欢迎帮助：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>

页脚没有侧边栏

1 个答案: