超大块元素的保证金问题

时间:2012-12-12 08:54:54

标签: css

保证金问题
我正在处理超大的块元素(宽度和高度分别为2000-4000px),并且大多数这些元素溢出窗口/视口。这很好,是我的应用程序的预期效果。但是,当我对所有边上的元素应用边距时,例如40px,它仅应用于顶部,左侧和底部。滚动后,最右边缘与窗口边缘齐平。我希望块元素的所有边都有一个均匀的边距。

守则
请参阅下面或简化测试用例的view this jsFiddle

<!-- HTML -->

<div></div>
/* CSS */

* {
    margin: 0;
    padding: 0;    
}

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

我尝试过什么
我已经尝试了上面的方法,我最初假设它可以工作,但事实并非如此。我也试过在body元素上应用40px的填充,并从div中删除边距,但得到了相同的结果。对于应用了填充的包含元素也是如此。

非常感谢任何帮助。谢谢!

1 个答案:

答案 0 :(得分:4)

如何使div成为内联块元素。

display:inline-block添加到您的div,这应该可以解决问题。

请参阅更新的小提琴 - DEMO