2016-09-29 4 views
0

これは私に完全に困惑しています。誰もがこれを理解することができますか?CSSの高さは奇妙です

私はコンテンツを分割するためにcbpFWTabs.jsを使用しています。

しかし、それは私の高さパラメータを無視し、divをコンテンツサイズに設定するという点で非常に奇妙な動作をしているようです。

これを止めるには固定高さを設定するしかありませんが、コンテンツラップdivを超えている場合はdivを動的にリサイズしてスクロールバーを表示するようにします(メニューバーを固定したままにしてください) 。私は逃したその気にいらないが、些細な確信しているが、その私を運転 http://numerco.com/wp-content/uploads/NUA/scratch.html

:私はすべての親をチェックしました

、それだけで何にも応答していないようだ私はここ:(

例を試してみてください非常識。

ありがとう!

+0

ビューポートに最も外側のコンテナの「高さ:100%」のようなものを塗りつぶすためのレスポンシブデザインでは常に良いことです。しかし、少し予期しない動作のように思える[this](http://stackoverflow.com/questions/39309205/height-calculation-by-browsers-containing-blocks-and-children)に注意してください。 – kukkuz

+0

解決策は、画面の高さを埋めるために 'vh'単位を使用することです...外部リンクを投稿するのではなくスニペット/フィドルを追加してください...ありがとう! – kukkuz

+0

これは非常に奇妙なhtmlの高さが正しく設定されていると私は975pxを取得しますが、その子ラインセクション - 現在または何かが設定されても1189px、100%に設定された高さのパラメータなぜこのアイデアが起こったのですか? –

答えて

1

あなたが要素にheight: 100%を持っているときはいつでも、それは親の高さを継承することを意味します。

したがって、最初に行う必要があるのは、.containerheight: 100%を設定して、その高さがbodyの完全な高さになるようにすることです。

次に、.container > sectionheight: 100%と設定します。次に、子供たちは正しい高さに伸びることを知っています(それはbodyから伝播しています)。

これはあなたのOPの質問を解決するはずです。しかし、まだあなたの高さで起こっている何かの魚があるようです。必要に応じて別の質問をしてください。

+0

感謝の気持ちが正しい方向に向いています。私はあなたの変更でページを更新しました、それは記入しています。しかし、今はちょっと大きめのもので、ちょうど今何をしようとしているのですか? –

+0

それほど高さ、高さはどれくらい高いのですか:83%はうまくいきますが、これは.. –

+0

解決策は、画面の高さを埋めるために 'vh'単位を使用するかもしれません... – kukkuz

関連する問題