html - 页眉长于页面

标签 html css

我一直在努力理解为什么我的页面会这样,但是页眉比页面长。即使我使页眉短于 100%,仍然有空白超出页面边缘。我查看了已删除的代码部分,试图弄清楚是什么原因造成的,但我真的想不通。我会把 HTML 放在这里,但是 CSS 太长了,所以我也会留下 JSFiddle 链接:http://jsfiddle.net/2qVUg/

<body>
<div id="header">
<img src="x" height="66" width="427" id="logo" />
<ul id="unordered">
  <li><a href="#">Link 1</a></li>
  <li><a href="#">Link 2</a></li>
  <li><a href="#">Link 3</a></li>
  <li><a href="#">Link 4</a></li>
    <li><input type="text" /></li>
    <li><img src="x" height="15px" width="15px" /></li>
</ul>
</div>
<div id="body">
<div id="main">
    <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
</div>
    <div id="controls"><form action="#" method="POST">Enter a Comment: <br /><textarea sizable="false"></textarea><br /><input type="submit" value="submit" /></form></div>
</div>
<div id="footer"><p></p></div>
</body>

非常感谢。

最佳答案

它是 #header 上的 padding-left: 80px 它将标题推到其余内容之外

您可以将该内容包装在一个容器中,并根据需要设置 margin-left: 80px

JSFIDDLE

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

相关文章:

javascript - 使用removeClass() 和addClass() 删除类并将其添加到同一元素时,为什么转换不起作用?

javascript - 向下滚动的动态 HTML 页面

css - 我怎样才能从CSS替换网址

jquery - 如何使用jquery到达叔叔

javascript - 如何从 html 中过滤掉列表元素以将其从表中消失?

html - WP样式问题

javascript - Galleria 比舞台还小的图片

html - 如何让导航菜单在主 div 上溢出

html - 使 html svg 对象也成为可点击的链接

jquery - 给一个 "text-align: center"的 div 一个 "text-align: left"仅用于包装内容