2

我在 iOS 上遇到 safari 问题，当容器的高度由浮动内容确定时，相对定位的对象无法正确观察其容器的框。

我有两个跨度包含在 2 个锚点中，它们一左一右浮动。他们有一个固定的高度，我希望他们垂直居中所以我使用top:50%; margin-top:-25px（他们的一半高度）

我认为问题在于，div.drawer一旦清除 .labels > ul 的内容（li 向左浮动），它就设置在顶部容器上没有固定高度

css 中的重要行是顶部容器高度行#7（当前为自动）和跨度在行#51 - 52 上的定位

如果我给出div.drawer一个固定的高度（#7 中的注释），一切都会如您所愿；但是，当浮动内容被清除时，我希望自动高度能够工作，它在我测试过的所有浏览器中都可以，除了 iOS 上的 safari。

示例 http://jsfiddle.net/robaldred/ANXsK/

在 Chrome Android 上可以 在 Safari Mac 上很好 iOS Safari 问题

4

1 回答 1

1

使用位置：绝对，左：0，右：0，上：0，下：0；创建一个 100% 高度和宽度的元素。我用添加的定位叉了你的小提琴。

.drawer .nav {
    position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;

}

http://jsfiddle.net/hYmpa/

我不确定为什么在 iOS 高度下：100% 的操作与在桌面上的操作不同。

于 2013-04-23T22:29:04.380 回答