标题不是全宽-HTML/CSS

我的网页标题是一个图像。唯一的问题是，它不是页面的全宽，而是延伸到页面右侧的末端，而不是左侧我的问题是如何使其适合整个页面宽度？我已经进行了一些搜索，但没有找到任何内容。我尝试过更改所有css元素，但没有成功。不知道为什么会这样

以下是css：

header{
   position: absoulute;
   top: 0;
   width: 100%;
   margin: 0;
   background: url(images/logo2.png) no-repeat;
   height:100px;
   left: 0px;
   margin-left: 0;   
}

html：

<img src="Images/logo2.png" width="1459" height="372" /></a>
<div id="header"></a></div>

让我再一次总结一下我的问题。我希望标题图像是整个屏幕的宽度

你可以看到整个页面

---

.

您需要做的只是修复您的ID选择器。通过在ID前面加上散列字符来选择ID。在您的情况下，代码是：

#header{
   position: absolute;
   top: 0;
   width: 100%;
   margin: 0;
   background: url(images/logo2.png) no-repeat;
   height:100px;
   left: 0px;
   margin-left: 0;   
}

---

注意

标题

之前的

#

。我还将您的

位置：absolute

修改为

位置：absolute

您需要做的只是修复您的ID选择器。通过在ID前面加上散列字符来选择ID。在您的情况下，代码是：

#header{
   position: absolute;
   top: 0;
   width: 100%;
   margin: 0;
   background: url(images/logo2.png) no-repeat;
   height:100px;
   left: 0px;
   margin-left: 0;   
}

注意

标题

之前的

#

。我还将您的

位置：绝对

修改为

位置：绝对

视图。 你最好的办法是将你的#标题图像设置为2200px+，然后缩小，否则它会像素化

编辑： @苹果。任何类型的模板系统（如dreamweaver或frontpage等开发工具）都是非常危险的。它应用了各种各样的样式和诸如此类的东西，使你的页面变得非常脏，而不是 交叉兼容。即使它可以工作，也可能无法在其他浏览器上运行， 决议等

在这里观看。 你最好的办法是将你的#标题图像设置为2200px+，然后缩小，否则它会像素化

编辑： @苹果。任何类型的模板系统（如dreamweaver或frontpage等开发工具）都是非常危险的。它应用了各种各样的样式和诸如此类的东西，使你的页面变得非常脏，而不是 交叉兼容。即使它可以工作，也可能无法在其他浏览器上运行， 决议等

---

为主体设置0px边距和填充

CSS:

---

我希望它能解决您的问题。

为车身设置0px的边距和衬垫

CSS:

---

我希望它能解决您的问题。

结束

，而不是开始

？这些天谁创建了这样的网站？：）演示链接看起来不像您在此处共享的代码。请尝试验证您的代码：@AdrianFlorescu“最近创建这样的网站”是什么意思？来源是一样的。我用dreamweaver开始我的格式化，但键入其余的我自己，这样你就可以感谢adobe的格式化End

，而不是start

？这些天谁创建了这样的网站？：）演示链接看起来不像您在此处共享的代码。请尝试验证您的代码：@AdrianFlorescu“最近创建这样的网站”是什么意思？来源是一样的。我用dreamweaver开始我的格式化，但我自己键入其余的，这样你就可以感谢adobe的格式化无论我做什么都不适合整个页面的边缘，你可以在上面的问题链接上看到，我已经改成了你的建议仍然没有感谢你的建议，但我只是做了一个简单的矩形用我的梯度，把它放在缺少的空间的地方，它对我有用，但它会吃掉它下面的一点内容。有什么想法吗？@MihaiBratulescu这篇帖子已经发布很久了，但看起来我只是接受了询问者的代码并应用了一些一般性的修复（他拼错了

absolute

，并且他的ID选择器中缺少了一个

#

）。看起来询问者已经明白了，所以你可以试着问他。你也可以看看下面的其他答案。无论我做什么都不适合整个页面的边缘，你可以在上面的问题链接上看到我已经改成了你建议的，仍然没有什么感谢你的建议，但我只是用我的渐变做了一个简单的矩形，并把它放在缺少的空格的地方。它对我来说很有用，但吃了一块下面有一点内容。有什么想法吗？@MihaiBratulescu这篇帖子已经发布很久了，但看起来我只是接受了询问者的代码并应用了一些一般性的修复（他拼错了

absolute

，并且他的ID选择器中缺少了一个

#

）。看起来询问者已经明白了，所以你可以试着问他。或者你也可以看看下面的其他答案。

body{    
    margin: 0px;
    padding: 0px;
}