html - IE11子标签在页面底部溢出

Question

我有一个 parent <div>标签和它的 child <div>标签。

child 的高度<div>标签是动态的，根据特定逻辑而变化。

父级的高度<div>标签也应根据 child 的高度而有所不同<div>标记，这在 Chrome、Firefox 和 Opera 等浏览器中会发生，但在 IE11 中不会发生。 .这使 UI 看起来像 child <div>标签超出父级 <div>页面底部的标记。

我的问题是-有什么方法可以确保 child <div>标记保留在父级边界内 <div>标签？

更新:添加 CSS...

.child {
    background: none repeat scroll 0 0 #F6F6F6;
    border: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    min-height: 749px;
    background-color: white;
    display:table;
    float:right;
    min-width: 900px;
    position:absolute;
    overflow: visible;
    height:100%;
}

.parent {
    overflow: visible;
    min-height: 100%;
    height: 100%;
    padding: 13px 25px 75px 25px;
    min-width: 900px;
}

Answer 1

将 .parent 高度设置为自动而不是 100%，即:

.parent {
    overflow: visible;
    min-height: 100%;
    height: auto;
    padding: 13px 25px 75px 25px;
    min-width: 900px;
}