保證金問題有額外的大宗元

保證金問題
我帶超大塊元素工作（2000-4000px的寬度和高度），大多數這些要素的溢出窗口/視口。這很好，並且是我的應用程序的預期效果。但是，當我將邊距應用到所有邊上的元素（例如40px）時，它僅應用於頂部，左側和底部。滾動後，最右邊緣與窗口邊緣齊平。我期待塊元素的所有邊都有均勻的邊距。保證金問題有額外的大宗元

守則
低於或view this jsFiddle參見減小測試用例。

<!-- HTML --> 

<div></div>

/* CSS */ 

* { 
    margin: 0; 
    padding: 0;  
} 

div { 
    background: #000; 
    height: 3000px; 
    margin: 40px; 
    width: 3000px;  
}

我曾嘗試
我已經嘗試了上面的方法，我最初以爲會工作，但事實並非如此。我也曾嘗試將40px的填充應用於body元素，並從div中刪除邊距，但得到了相同的結果。對於使用填充物的容納元素也是如此。

任何幫助將不勝感激。謝謝！

來源

2012-12-12 jackrugile

如何使您的div成爲內嵌塊元素。

將display:inline-block添加到您的div，並應解決問題。

查看更新的小提琴DEMO

來源

2012-12-12 09:08:21 Cdeez

完美！我知道有一個簡單的解決方案。謝謝你的幫助。 – jackrugile

稍微隨意一點，如果你希望這個功能可以與舊版本的IE一起工作，你需要改變你的divs的跨度，因爲IE6-7（也可能是其他的）不允許你將塊級元素嵌入到內聯-blocks。 – andyface

保證金問題有額外的大宗元

回答

相關問題