css - Wordpress 侧边栏位于内容的底部

Question

嘿，我匆忙浏览了过去的帖子:这个问题，但我的似乎不相关。

这是 blog.css: http://pastebin.com/3P71GtRT

这是网址 http://phoogoo.com/blogs/phoogoo-u/

我不知道如何在页面顶部的内容旁边添加侧边栏，有什么建议吗？

Answer 1

这样做，为了将文章环绕在侧边栏周围(而不是创建 2 列)，您需要将侧边栏移动到存档部分。

<div class="shrinkwrap">
    <section>
        <section class="archives">
            <aside class="blog-sidebar">
            </aside>
            <article>
            </article>
            <article>
            </article>
            <article>
            </article>
        </section>
    </section>
</div>

然后在 CSS 中，您可以使侧边栏向左浮动并删除“position: relative”。

aside {
    float: left;
    /* position: relative; */
}

最后，您需要从文章标签中删除“float: left”。

article {
    /* float: left; */
}

它还不完美，但这就是您可以处理定位的方式。剩下的就是微调:)