讓一個div伸展到無窮遠

Question

正確的，我需要一些CSS

我做了一些示例站點http://gidzior.99k.org/inter/幫助，我想舒展[旁白】背景（這與「我們是誰」文），以包裝之外的權利被設置爲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; 
} 

Answer 1

好像你唯一的選擇是給你留出position: absolute;，然後設置right: 0;就可以了..這將是在明顯頁面的右側，所以你需要調整權值滿足您的需求以及寬度。