Question

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

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;
}

Answer 1

你的CSS重置错了。 margin：0和padding：0之间有一个逗号，它应该是分号：

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

如果您解决了这个问题，它将按预期工作：

http://jsfiddle.net/y36cE/

建议：不要在同一行上放置两个样式定义，即使对于像这样的小样式也是如此。它会降低CSS的可读性，并且更容易忽略这样的小错误。

Div到达页面的一侧

1 个答案: