2

iOSのサファリで問題が発生しました。コンテナの高さがフロートされたコンテンツによって決定されるときに、比較的配置されたオブジェクトがコンテナのボックスを正しく監視していません。

2つのアンカーに2つのスパンがあり、1つは左に1つは右に浮かんでいます。高さが固定されていて、垂直方向に中央に配置したいので、top:50%; margin-top:-25px（高さの半分）を使用しています

div.drawer問題は、.labels> ulのコンテンツがクリアされると設定される上部コンテナに固定の高さがないためだと思います（liは左に浮かんでいます）

cssの重要な行は、上部コンテナの高さ行＃7（現在は自動）と行＃51〜52のスパンの位置です。

固定の高さ（＃7のコメント）をdiv.drawer指定すると、すべて期待どおりに機能します。ただし、フロートされたコンテンツがクリアされたときに自動高さが機能することを期待していました。これは、iOSのサファリを除くテストしたすべてのブラウザーで機能します。

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

ChromeAndroidでOK SafariMacで問題ありません iOSサファリの問題

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 に答える