【问题标题】:Is there an alternate to Min-Height for ie?ie 是否有替代 Min-Height 的方法?
【发布时间】:2015-11-14 07:54:29
【问题描述】:

我为具有页眉、侧边栏、主要内容区域和页脚的网页制作了标准布局。我正在使用 flex 和 min height,并且我使用过的所有浏览器看起来都很棒,除非我使用 IE。我正在运行 IE11,根据 caniuse.com,我使用的所有 css 都可用于 IE11。我遇到的问题是,我拥有min-height:100%; 的区域的高度看起来像0。如果我将min-height 更改为height,它看起来会很好,直到我到达包含内容的页面高度超过 100%。我能够在 jsfiddle 中重新创建它:

http://jsfiddle.net/xwc60dzv/

如果我能提供任何其他信息,我会尽力而为。

【问题讨论】:

  • 我自己无法解决这个问题,因此发表了评论,但 this SO postthis blog from a Google Engineer 似乎解决了同样的问题,并且可能会有所帮助。
  • 感谢您的评论,我正在尝试使用您提供的链接中的信息。如果证明成功将更新。

标签: html css internet-explorer


【解决方案1】:

关闭 Equalsk 提供的链接后,我能够获取 css 并将我自己的 css 添加到其中以重新创建与我最初相同的外观。可以在这里看到:

http://jsfiddle.net/gbsrcwb5/1/

我看到的最大区别是它摆脱了 wraper 的更改,并将显示放置在 body 的最小高度为 100vh

【讨论】:

    猜你喜欢
    • 2010-10-21
    • 2016-02-22
    • 2020-11-28
    • 1970-01-01
    • 2021-11-06
    • 2023-03-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多