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

时间:2015-04-15 09:56:49

标签: jquery css timepicker bootstrap-datetimepicker

我使用here

中的这个时间选择器 除了它的下拉时间选择容器没有包装它的子或其内容,如它的高度崩溃和它看起来很糟糕,一切都有效。 (参见下图)

enter image description 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;
}

有解决方法吗?任何帮助,建议,建议将不胜感激。谢谢。

1 个答案:

答案 0 :(得分:0)

float属性有用吗?你能把它删除吗?

如果要保留它,请尝试将overflow: hidden;添加到弹出容器中。