0

私はいくつかのCSSで助けが必要です

いくつかのサンプルサイトhttp://gidzior.99k.org/inter/を作成しました。背景(これは「whoarewe」のテキスト)を980pxに設定されたラッパーを超えて右に伸ばしたいです。ブラウザウィンドウの右端に[脇]を展開したい

そのようなことを達成する方法

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;
}
4

1 に答える 1

0

あなたの唯一のオプションは、脇に置いposition: absolute;てから設定right: 0;することです..それは明らかにページの右側にあるので、幅だけでなくニーズに合わせて適切な値を調整する必要があります.

于 2013-02-26T03:26:49.170 に答える