Css 标题容器和主内容容器之间的未知间隙

标题容器和主容器之间有一个神秘的间隙。您可以看到顶部容器和主容器之间的白色大间隙。我添加了一个红色边框，以便更容易发现它们

<div id="header">

    <div class="container">

        <div id="logo">
            <h1>Haier</h1>
            <img src="images/logo.jpg"/>
        </div>

        <form id="search">
            <input type='search' placeholder='Enter your Claim ID to track it&rsquo;s progress' id="search-box" />
            <!--t id="submit" type="submit" value="Search" id="search-button" />-->
            <button type="submit" value="Search" class="button_submit">Search</button>
        </form>

        <ul id='menu'>
            <li class="active"><a href="">Home</a></li>
            <li><a href="">Qualifying Purchases</a></li>
            <li><a href="">FAQs</a></li>
            <li><a href="">Terms and Conditions</a></li>
            <li><a href="">Contact Us</a></li>
            <li class="claim"><a href="">Claim</a></li>
        </ul>       

    </div>

</div>

<div id="main">

    <div class="container">

        <div id="block_content">

            Main

        </div>          

    </div>

</div>

以下是当前页面的实时预览链接：

---

谢谢你的帮助

这是因为您设置了

最小高度：150px到标头，标头大小小于此值

#header {
    background: #FFF none repeat scroll 0% 0%;
    min-height: 150px;
}

更改或删除。
这是因为您为#标题设置了最小高度。
谢谢您的帮助。：）没问题，快乐编码！
#header {
    background: #FFF none repeat scroll 0% 0%;
    min-height: 150px;
}