【发布时间】:2015-08-18 08:33:27
【问题描述】:
嘿,我已经翻阅了过去的帖子:这个问题,但我的似乎不相关。
这是 blog.css: http://pastebin.com/3P71GtRT
这是网址http://phoogoo.com/blogs/phoogoo-u/
我不知道如何在页面顶部的内容旁边获取侧边栏,有什么建议吗?
【问题讨论】:
-
你想要它在浅蓝色的内容框中,文本被侧推吗?还是您希望它完全位于蓝色内容框旁边?
嘿,我已经翻阅了过去的帖子:这个问题,但我的似乎不相关。
这是 blog.css: http://pastebin.com/3P71GtRT
这是网址http://phoogoo.com/blogs/phoogoo-u/
我不知道如何在页面顶部的内容旁边获取侧边栏,有什么建议吗?
【问题讨论】:
这样做,并且要将文章包裹在侧边栏周围(而不是创建 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; */
}
它还不是完美的,但这就是您可以处理定位的方法。剩下的就是微调:)
【讨论】: