1

設計している小さなWebアプリがあり、本当に奇妙な問題があります。内側のコンテンツは常にページの折り目の下で切り取られます。下にスクロールしてすべてのテキストを読むことはできません。モバイルSafariとChrome/Firefoxのデスクトップでこれを試しましたが、成功しませんでした。

ライブURLはhttp://byjakewithlove.com/code/mobile-webapp/です。

私が試すことができるどんな提案も大いに役立つでしょう。私は基本的にID #contentのdivを持っており、それは白いBGとページテキストを保持しています。overflow: auto;このdiv内にスクロールバーを作成する必要があるものがありますheight: 100%;。私は問題が何であるかについて完全に当惑しています-もう一度助けてくれてありがとう!

4

2 に答える 2

1

コンテンツ要素をそのままにしておくこともできますが、height: 100%絶対位置を使用してヘッダー要素を配置し(もちろん、親の位置を上に設定することを忘れないでください) 、コンテンツ要素に相関する値をrelative設定しながら、ヘッダー要素を上に固定します。paddingヘッダーの高さ。

于 2012-04-18T17:03:04.143 に答える
0

これheight: 100%は誤用されています-「100%」はコンテナの高さを指しているため、親に対して計算されるため、この動作が発生します。

宣言を省略してheight: 100%、固定の高さを設定するだけです。

于 2012-04-18T16:54:28.253 に答える