僅在一個方向上水平拉伸div

Question

我正在處理基本上在右側裝箱的響應式佈局，因此橫幅區域與側邊欄齊平/爲桌面和寬視圖保留邊界。

我似乎無法得到它在右側沒有使容器固定寬度的寬度，這意味着即使在瀏覽器寬度1px的差異，使其懸掛或不跨足夠遠。

有什麼建議嗎？我有一個的jsfiddle與我的標記位置：http://jsfiddle.net/MtQ5J/

下面是具體的HTML標記：

 <div class="hero-container"> 
     <div class="hero wrapper clearfix"> 
      <h2> 
       We thrive on solving other people’s problems in a collaborative setting.<br /> 
       This means starting by understanding the client’s needs and goals.<br /> 
       Listening to and understanding our clients is the key to how we work. 
      </h2> 
     </div> 
     </div> 

這是H5BP，規範化和移動第一。

實施例的屏幕截圖：

UPDATE

我加了容器周圍的頭部，主人公區域之前關閉它，然後重新打開的主要內容。然後我在英雄@ 20％的寬度旁邊漂浮了一個空的div，將英雄的寬度設置爲80％..這種作品，但是我必須用MQ去死，才能使它完美......仍然在尋找更多的「流體「如果可能，解決方案

jsfiddle updated

Answer 1

添加此規則，以你的CSS：

body{ 
margin:0; 
padding:0; 
} 

JSFiddle Demo

JSFiddle Code

Answer 2

這是給您的任何幫助嗎？
http://jsfiddle.net/panchroma/5kpkc/

我所做的唯一變化是，我已經添加

.main.wrapper{ 
    float:right; 
} 

的CSS，這樣的包裝類浮動的權利，而不是在頁面上做文章。

您可能需要，如果你想在的預留佈局的控制視口縮小

好運與媒體查詢更多一些細化這個！