0

我想构建一个页面，该页面的顶部有一个到达页面侧面的图像。喜欢这个链接

http://www.workoutmeals.com.au/menu

每次我尝试时，我的边缘都有一个间隙。如何使 div 背景到达页面的一侧，同时在正文中有另一个背景图像。

我的尝试

<body>
    <div id='banner'>
        Test
    </div>
</body>

CSS

body
{
background: url(../images/background.jpg);
margin:0;
    padding:0;
}
#banner
{
background: url(../images/top_bg.jpg) no-repeat;
margin:0, padding:0;
    width: 100%;
height: 661px;
}
4

1 回答 1

2

您的 CSS 将其重置错误。在 margin:0 和 padding:0 之间有一个逗号，它应该是一个分号：

/*margin:0, padding:0;*/
margin:0;
padding:0;

如果你修复它，它将按预期工作：

http://jsfiddle.net/y36cE/

建议：不要将两个样式定义放在同一行，即使是这样的小样式。它使您的 CSS 可读性降低，并且更容易忽略这样的小错误。

于 2013-11-07T12:34:55.393 回答