为什么添加按钮导航时，标题被按下了？

Question

＃头部位于浏览器的顶部，没有空间。 但是当我添加这个#buttons div时，它将头部压下，在顶部创建大约半英寸的空白空间？我怎样才能取出顶部的空间？

CSS

#body { margin: 0;} 
#container {width:776px; height: 614;} 
#content {margin-left: 40px; margin-top: -24px; width: 601px; height: 614;} 
#buttons {margin-top: 70px;} 
#header {position:absolute; margin-top: 0; height: 57px; width: 776px; background: url(images/headerbg.jpg) no-repeat; 

HTML

<div id="container"> 
<div id="header"> </div> 
<div id="navbar"> </div> 
<div id="content"> 
    <div id="buttons"> <img src="images/btn_intro.gif" /></div> 
</div> 

Answer 1

由于其继承它已没有一个浮动集父 “#layout” 浮动。

#buttons { 
    float:left; 
} 

Answer 2

您正在使用

#buttons {float:inherit;} 

继承是指使用相同的值相同的属性他的父母了。

你可以把它改成

#buttons {float:left;} 

如果还不行

#buttons {display: inline-block;}