【问题标题】:Can't get full width HTML / CSS无法获得全宽 HTML / CSS
【发布时间】:2013-09-09 23:30:45
【问题描述】:

我的问题是我无法获得完整的宽度和高度,我尝试了很多东西但我无法正确完成,现在我请求你们帮助我。

http://i.imgur.com/tjACREv.png

http://imgur.com/tjACREv

你在这里看到的是我的标题图片。

一切正常,但我无法删除图像外部的背景线,如您所见:左、右和顶部

那我该如何解决呢?

【问题讨论】:

  • 你的页面css/html是什么?
  • 看起来在某处创建了一些填充/边距空间。真的不能说在哪里,因为你给我们的只是图像。进去添加 padding: 0;和边距:0;到该区域中的 html 元素。最终你会找到一个可以做到的。另一个想法是使用 chrome 开发工具或 firefox firebug 来找到该填充。右键单击您的标题并单击检查元素。
  • 请添加一个jsfiddle,以便我们查看源代码和css,还请注意boxmodel(应将填充和边距添加到inner-div)

标签: html width fullscreen css


【解决方案1】:

您没有发布任何代码,因此难以诊断,但请确保您的 css 中有此代码:

html, body{
  width:100%; 
  height:100%:
  padding:0px;
  margin:0px;
}
header, header *{
  padding:0px;
  margin:0px;
}
/*your other styles here */

如果您想要更好的答案,请发布一些代码。

对于正文/html,您可能不需要 100% 的宽度和高度,但我不能 100% 确定您想要做什么。

【讨论】:

    【解决方案2】:

    您需要重置 CSS。

    类似:

    body{margin:0; padding:0;}
    

    在您的 CSS 文件中,应该可以解决问题 :)

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-03-28
      • 1970-01-01
      • 2011-10-20
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多