【发布时间】:2016-03-03 03:40:15
【问题描述】:
我在 Safari、IE11 和 IE10 中遇到了一些嵌套弹性框的问题。面板应该是并排的(50% 宽度),并且其中包含不同数量的内容。 <cite> 元素应锚定在面板底部,并且每个面板的高度应相同。
这里有一个代码笔来说明:http://codepen.io/anon/pen/BKNRBY
这在 Chrome / Firefox 中运行良好,但在 Safari、IE10 和 IE11 中,面板不会垂直拉伸以包含其内容。
谁能给点建议?
【问题讨论】:
-
第一步,考虑浏览器的兼容性。 Safari stackoverflow.com/a/35137869/3597276
-
笔正在使用自动前缀来处理供应商前缀。
-
很高兴知道。这在代码本身中并不明显。我在上面发布的链接还包含对常见浏览器错误和解决方法的引用。