css - 使 div 向右延伸到无穷大

Question

我需要一些 CSS 的帮助

我已经制作了一些示例网站http://gidzior.99k.org/inter/，我想将 [aside] 背景（带有“我们是谁”文本）拉伸到设置为 980px 的包装器之外，我想将 [aside] 展开到浏览器窗口的右端

如何实现这样的事情

HTML

<div id="main">
    <div class="wrapper clearfix">
        <section id="blog-posts">
            <h2 class="archerBold text-shadow-white pb20">from the blog</h2>
            <article class="blog-post"></article>
            <article class="blog-post"></article>
        </section>
        <aside>
            <section>
                <h2 class="archerBold text-shadow-white pb20">who we are</h2>
            </section>
            <section></section>
            <section></section>
        </aside>
    </div>
</div>

CSS

#main {
    background: #f8eedf;
    width: 100%;
}
#blog-posts {
    float:left;
    width: 604px;
    padding: 50px 50px 50px 0;
}
aside {
    float:left;
    padding: 50px 0 50px 40px;
    width: 354px;
    height: 770px;
    background: #eeddc6;
    background: -moz-linear-gradient(top,  #eeddc6 0%, #f8edde 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeddc6), color-stop(100%,#f8edde));
    background: -webkit-linear-gradient(top,  #eeddc6 0%,#f8edde 100%);
    background: -o-linear-gradient(top,  #eeddc6 0%,#f8edde 100%);
    background: -ms-linear-gradient(top,  #eeddc6 0%,#f8edde 100%);
    background: linear-gradient(to bottom,  #eeddc6 0%,#f8edde 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeddc6', endColorstr='#f8edde',GradientType=0 );
}
.wrapper {
    width: 980px;
    padding: 0 10px;
    margin: 0 auto;
}

Answer 1

似乎您唯一的选择是将您放在一边position: absolute;然后设置right: 0;它..它显然会在页面的右侧，因此您需要根据您的需要和宽度调整正确的值。