設置的空白，如果有足夠的空間

我在我的身體1個容器（width:800px）。設置的空白，如果有足夠的空間

如果有足夠的空間（屏幕寬度>（800px + margin）），容器應該有一個邊距，但如果屏幕寬度< = 800px，則沒有邊距。

如何？

更新 - 一些代碼：

<style> 
     body { 
      margin: 0; 
     } 
     #container { 
      display: block; 
      float: right; 
      width: 800px; 
      height: 100%; 
      background-color: #474747; 
      margin-right: 100px; 
     } 
    </style> 


<body> 
    <div id="container">TODO write content</div> 
</body>

來源

2013-06-20 DanFromGermany

'浮動：正確'不利於？ – pzin

你能告訴我們你到目前爲止有什麼？這似乎應該或多或少地自動對我的工作取決於邊距是什麼 –

當我調整我的窗口，邊距應該減少到零在屏幕寬度=容器寬度。該容器是「絕對位置」，但我可能會改變這一點。 – DanFromGermany

使用mediaqueries：

#container { 
    width: 800px; 
} 
@media screen and (min-width: 820px) { 
    #container { 
     margin-left: 20px; 
    } 
}

例如，如果你的保證金是20px只檢查一個800+20像素的最小寬度

來源

2013-06-20 12:16:22 fcalderan

在大多數現代瀏覽器+移動設備上都能正常工作嗎？ – DanFromGermany

是 - http://caniuse.com/css-mediaqueries –

http://caniuse.com/css-mediaqueries和最老的瀏覽器（IE <= 8）有能夠模擬相同的行爲的JavaScript庫。 – fcalderan

設置的空白，如果有足夠的空間

回答

相關問題