5

边距问题
我正在使用超大块元素（宽度和高度均为 2000-4000 像素），并且这些元素中的大多数都会溢出窗口/视口。这很好，是我的应用程序的预期效果。但是，当我将边距应用于所有边的元素时，比如 40px，它只应用于顶部、左侧和底部。滚动后，最右侧边缘与窗口边缘齐平。我希望在块元素的所有侧面都有一个均匀的边距。

代码
见下文或查看简化测试用例的 这个 jsFiddle 。

<!-- HTML -->

<div></div>

/* CSS */

* {
    margin: 0;
    padding: 0;    
}

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

我尝试
过的方法我已经尝试过上述方法，我最初认为它会起作用，但它没有。我还尝试将 40px 的填充应用于 body 元素，并从 div 中完全删除边距，但得到了相同的结果。对于应用了填充的包含元素也是如此。

任何帮助将不胜感激。谢谢！

4

1 回答 1

4

如何让你的 div 成为内联块元素。

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

查看更新的小提琴 -演示

于 2012-12-12T09:08:21.060 回答