gpt4 book ai didi

html - Div 到达页面的一侧

转载 作者:太空宇宙 更新时间:2023-11-04 04:16:37 25 4
gpt4 key购买 nike

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

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

最佳答案

您的 CSS 重置错误。 margin:0 和 padding:0 之间有一个逗号,应该是分号:

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

如果你修复它,它将按预期工作:

http://jsfiddle.net/y36cE/

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

关于html - Div 到达页面的一侧,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19836023/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com