1

iWebKit のフレームワークに基づいて iPhone webb アプリを構築しています。現在、CSS div スライダーを統合して、ページ (div) 間のナビゲーションを改善していますが、1 つのことを除いてすべてが正常に機能します。

スライドするオブジェクトを含む div に固定の高さの値を設定することになっているように見えます。これらのオブジェクトには非常に多くのコンテンツが含まれ、サイズが慎重になるため、デフォルトで div/ページを垂直方向に拡張する必要があります。何らかの理由で、ブラウザが min-height を高さとして解釈し、すべてのコンテンツを表示するために div を展開しないように見えます。おそらくどこかに小さな間違いがあり、追加または削除するのを忘れていたことに気づきました。これらを指摘して助けてください。ありがとう

スライドを含むラッパー:

#contentWrapper {
float: left;
min-height:305px;
position: relative;
margin:0px;
padding-bottom:0px;
display:block !important;
}

すべてのスライド オブジェクトに追加されるクラス

.additional-block {
height:auto;
position: absolute;
padding-bottom:30px;
display:block !important;
}

ライブ デモ: http://utvecklingspunkten.se/heightIssue.php [クリック] をクリックして、実際の問題が表示されるのを確認します。テキストは 305 ピクセル以下で切り取られます。この問題は、iPhone の Safari を含むすべてのブラウザで発生します。

4

1 に答える 1

0

ここで競合しているのoverflow: hiddenは、「content2」divにあります。これを設定すると、コンテナがオーバーフローする可能性があります。（最小の高さを削除すると、それ以外の場合は0ピクセルの高さになることがわかります。）

オーバーフロー設定を削除すると、私が望む効果が得られます。

于 2012-05-21T16:04:20.163 に答える