html - Internet Explorer 显示没有正确样式的 UL

标签 html css internet-explorer sass internet-explorer-11

基本上我在一个 div 中有 3 个 ul。所有 em 都 float 在下面,每个浏览器都显示正确,除了 Internet Explorer。我用 IE 11 测试过 Internet Explorer 11

Jsfiddle (html/scss): https://jsfiddle.net/gs7wmgf7/

应该是这样的

enter image description here

最佳答案

虽然演示无法运行,但我可以看到您正在使用 flex-basis。此属性在 Internet Explorer 中存在一个已知错误,如果没有单位,它的行为将不正确。

尝试将 flex-basis: 0 更改为 flex-basis: 0%

关于html - Internet Explorer 显示没有正确样式的 UL,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39913297/

相关文章:

javascript - 悬停时使Facebook图标变色

javascript - jQuery照亮与bootstrap 2.2.2一起使用将无法一起工作: e. css(...)未定义照亮.js

html - 使用 CSS 中的百分比更改容器 div 的高度以反射(reflect)内容

javascript - ie中的jquery标题选择器错误

html - IE 中的 float 未正确对齐

JQuery - .hover() 加载图像后并附加到 .find()div

javascript - 如何垂直对齐表格单元格中的第一行文本?

html - 如何将一个 div 居中放置在另外两个 div 之间?

css - 为什么这个 CSS 动画不会滑出?

html - 在 div 上设置 4px 高度会在 IE8 中产生约 12 像素的空间