css - Div 标签的高度被忽略

Question

我敢肯定这是我在做的蠢事，但我已经有一段时间没有搞砸 CSS 了。对于我的生活，我无法弄清楚为什么 div 框没有显示正确的高度(如 CSS 中指定的那样)......以及为什么标题 div 和列之间有黑色的空间 block 。

任何帮助将不胜感激!我知道它很简陋，我只是想简化主要布局。

感谢您的帮助!!CSS:

#container { width: 1000px; margin: 30px auto 60px;}

    h1 { text-align: center;}

    #header { height: 200 px; width: 1000 px;  background-color: #993300}
    #mcol1 { height: 600; width: 500px; float: left; background-color: #2a9c3b;}
    #mcol2 { height: 600; width: 500px; float: left; background-color: #996666;}

HTML:

<div id="container">

<div id="header">
<h1> Name</h1>
</div>
<div id="mcol1">
<h1>Test1</h1>
</div>

<div id="mcol2">
<h1>Test2</h1>
</div>
</div>

</body> 

由于我是新手，所以不能直接发布图片，这里有一个显示方式的链接:http://imgur.com/gW0vY7a谢谢!

Answer 1

将 px 添加到每个高度值:

#header { height: 200px; width: 1000px;  background-color: #993300}
#mcol1 { height: 600px; width: 500px; float: left; background-color: #2a9c3b;}
#mcol2 { height: 600px; width: 500px; float: left; background-color: #996666;}

jsfiddle