时间选择器容器不包装其内容答案

【问题标题】：time picker container doesnt wrap its contents时间选择器容器不包装其内容
【发布时间】：2015-04-15 09:56:49
【问题描述】：

我使用来自here的这个时间选择器

一切正常，除了它的下拉时间选择容器不包裹它的孩子或它的内容，比如它的高度是折叠的，它看起来很糟糕。（参考下图）

以下是时间选择器的容器/包装器的css样式

.bfh-timepicker-popover {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 100px;
    height: 400px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
      border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

有解决办法吗？任何帮助，建议，建议将不胜感激。谢谢。

【问题讨论】：

标签： jquery css timepicker bootstrap-datetimepicker

【解决方案1】：

float 属性有用吗？可以去掉吗？

如果您想保留它，请尝试在弹出容器中添加overflow: hidden;。

【讨论】：

感谢您的回答。现在高度包裹了整个内容，但不是它的宽度（就像父母的宽度被切成两半）
所以我猜你使用了overflow 属性？真的，我认为浮动根本不需要获得这种布局。当您希望 DIV 不占用整个宽度时，请改用 display: inline-block。