Css 水平div相互重叠？

我的页面上有两个div。第一个是标题div，其中包含徽标图像和 搜索输入。第二个div将包含一个水平行，其中包含我所有的导航 链接将在

问题是，出于某种原因，第二个div位于我的第一个div之上，占据了 徽标图像和搜索框之间的所有空间

这是两个分区

    <div id="container">

        <div id="logo">
            <img src="HeaderLogo.jpg" alt="logo">
        </div>

        <div id="searchboxcontainer">
            <form action="search.php" method="post">
                <input type="text" name="searchterm" id="searchbox">
                <input type="submit" name="search" value="Search" id="searchsubmit">
            </form>
        </div>

    </div>


    <div id="navbar">   

    </div>

应用

#navbar{clear:both}

可以解决您的问题

旁注：如果您希望父容器（即容器）覆盖浮动div的高度，您可以应用

#container{overflow:auto；}

请检查以下完整代码

---

希望有帮助

检查这把小提琴，补充道

border-box and overflow auto

删除了一些边距，并添加了一些填充。不确定这是否是你想要的

---

Pravin Vaichal的解决方案正是我所想的，但如果没有一个清晰的图像，你想要实现什么，那就是在一个非常小的草堆中找到一根针。@Tsasken一个小草堆？@DejaVu嗯，这不是很多代码，是吗？：P

border-box and overflow auto