作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在为 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© حقوق مطالب ،تصاویر و طرح قالب برای نام سایت محفوظ است.</div><div class="time-copy">۱۳۹۳</div>
</div>
</div>
</div>
<!--/LOGIN-->
还有两个不同的 div 姐妹这个 div,它们都在一个父容器下。
问题是页脚不会根据侧边栏的大小而下降,它只是根据帖子的大小来实现。
侧边栏有一个容器,float: left;帖子的容器, float :右边,页脚清晰:两者。
欢迎帮助:D
文件上传到这里:http://up.ashiyane.org/images/n1k6iu0xsd0k3elni4hy.zip
最佳答案
用另一个 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>
关于html - 页脚不会靠边栏下降,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22792245/
我是一名优秀的程序员,十分优秀!