html - HTML & CSS 设计中的奇怪空间 - 无法摆脱它

Question

我正在用 css & html 创建一个设计。但是一个我想要 100% 宽度的盒子在右边留下了丑陋的空间。我不知道是什么原因造成的。

我想要 100% 宽度的 div 标签称为#view1。

http://jsfiddle.net/zBpAE/

#view1 {
    border: 1px solid #000;
    min-height: 300px;
    padding: 0; margin: 0;

}

<div id="view1">
                    Choose the option suiting you best
            </div>

非常感谢您的帮助，因为我已经被这个问题困扰了一个多小时。

Answer 1

padding: 20px;从中删除<div id='first'></div>：

#first {
        width: 100%;
        min-height: 200px;
        text-align: center;
        background: url('images/background1.png') #99307f no-repeat;
}

Answer 2

您的第一个 div (#first) 具有 width: 100% 和 padding: 25px ...这导致宽度大于窗口的宽度...删除填充或设置 box-sizing:border-box;