html - IE11子<div>标记在页面底部溢出

我有一个父<div>标记,它是子<div>标记。

<div>标记的高度是动态的,并取决于某些逻辑。

<div>标记的高度也应随子<div>标记的高度而变化,这种情况在Chrome,Firefox和Opera等浏览器中会发生,但在IE11中不会发生。这使UI看起来像子<div>标记超出了页面底部的父<div>标记。

我的问题是-有没有办法确保子<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;
}

最佳答案

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

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

本文翻译自 https://stackoverflow.com/questions/33075623/

网站遵循 CC BY-SA 4.0 协议,转载或引用请注明出处。

标签 html css tags internet-explorer-11


相关文章:

html - 我的提交按钮和选择按钮将页面上的所有单词向左移动

jquery - 将背景视频切换为背景颜色

html - 在<option>标记内使用href链接

database - 在具有嵌套字典的kdb + TSDB表上选择查询

android - 我可以在Google Play控制台中为应用添加标签吗?

javascript - CSS / html进行表格选择

html - 像StackOverflow这样的AngularJS编译模型

javascript - 使用jscript级联(从上到下)div的组织结构

jquery - 在启动动画期间隐藏滚动条

css - 有没有办法在Firebug中显示较少的CSS代码(.less)?