【问题标题】:Wordpress sidebar sits at bottom of contentWordpress 侧边栏位于内容的底部
【发布时间】:2015-08-18 08:33:27
【问题描述】:

嘿,我已经翻阅了过去的帖子:这个问题,但我的似乎不相关。

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

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

我不知道如何在页面顶部的内容旁边获取侧边栏,有什么建议吗?

【问题讨论】:

  • 你想要它在浅蓝色的内容框中,文本被侧推吗?还是您希望它完全位于蓝色内容框旁边?

标签: css wordpress sidebar


【解决方案1】:

这样做,并且要将文章包裹在侧边栏周围(而不是创建 2 列),您需要将侧边栏移动到档案部分内。

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

然后在CSS中你可以让侧边栏浮动到左边并去掉“位置:相对”。

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

最后你需要把文章标签中的“float:left”去掉。

article {
    /* float: left; */
}

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-07-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多