min-height在IE中不起作用

时间:2016-04-29 17:34:09

标签: css internet-explorer

我正在尝试设置元素的最小高度,但它在IE中不起作用。有人可以帮忙吗?我用谷歌搜索,并解决此问题也不起作用。修复方法如下(这不起作用)。

min-height: 130px;
height auto !important;
height: 130px;

这是我的css:

.example {
    box-sizing: border-box;
    width: 100%;
    margin-left: 80px;
    transition: transform 0.3s;
    transition-timing-function: cubic-bezier(0, 0, 0.26, 0.89);
    will-change: transform;
    text-align: left;
    min-height: 390px;
    display: flex;
    align-items: flex-end;
    flex-flow: nowrap;
    vertical-align: bottom;
}

由于

1 个答案:

答案 0 :(得分:0)

我添加了一个border:1px solid red;来显示表格。在IE11中,它似乎对我很好。检查您的div是否受到周围环境的限制。如果它没有空间扩展它不会。

使用F12在IE中打开开发人员面板。从那里,您可以检查元素并找出正在应用的CSS规则。如果仍然有问题,请为区域中的所有内容添加边框,以便确切知道哪个div占用了哪个空格,以及空间是填充,边距还是其他。

https://jsfiddle.net/j9Lb3875/1/