让容器识别css浮动而不是自动调整高度

Question

我试图浮动多个div(2图示,另一个将在以后添加).问题是,当设置为auto时,站点容器似乎忽略它们.我不确定容器css或者用于div的css是否有问题.我如何让网站容器识别浮动？提前致谢.

相关HTML:

<div id="storehours">
    <div id="hoursheader"><p>Shop Hours</p></div>
</div>

相关CSS:

#storehours {
    border: 1px solid black;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-left: 11px;
    margin-bottom: 15px;
    width: 250px;
    height: auto;
    float: left;
}

(该代码用于右侧的div,左侧是相同但包含表单,我认为不是问题.)

编辑:更新了清除和固定的上限字母.还有同样的问题.

编辑2:澄清.html位于包含google地图的容器内.正如您所见,浮动使容器忽略它们,它们从容器的底部开始.我可以通过在容器上设置高度而不是自动将其固定来解决问题,但这是一个好习惯吗？

Answer 1

您应该添加overflow:hidden;容器的样式<div id="storehours"> .