內容時那麼大的容器，容器的右邊都有

白色的空間，我有這個頁面：內容時那麼大的容器，容器的右邊都有

<html> 
    <head> 
     <title>Test</title> 
    <style> 
    html, body { 
     width: 100%; 
     padding:0; 
     margin: 0; 
    } 
    .container { 
     background-color:darkorange; 
    } 
    .content { 
     width:960px; 
     margin:0 auto; 
    } 
    </style> 
    </head> 
    <body> 

    <div class="container"> 
     <div class="content">Some text</div> 
    </div> 

    </body> 
</html>

調整960像素下的瀏覽器。如果您滾動horizontal.container將在右側有一個空白區域，而不是一直到右側的darkorange。

當我在960px下調整瀏覽器大小並滾動水平時，如何讓.container在右側沒有空白時爲darkorange？

來源

2013-11-26 Alqin

你已經硬編碼了.content不是100％的寬度，當然你會在更寬的屏幕上有空間。 –

給容器最小寬度960px;

.container { 
    min-width: 960px; 
}

默認情況下，容器將100％的容器（正文），這是窗口的寬度。當窗口小於960像素時，內容會溢出容器，以便您看到透過身體顯示的背景色。

來源

2013-11-26 19:08:00 mcrumley

內容時那麼大的容器，容器的右邊都有

回答

相關問題