jquery - 私自身の個人的なDiv100％の高さのネミシス-jqueryタブ

Question

「divを高さ100％まで拡張するにはどうすればよいですか」という質問が出るまで、ここには誰もいないようです。これが私の質問です-（オリジナルで役立つことを願っています）。

これまでの私の試みを参照するとhttp://jsfiddle.net/prQcc/3/-jqueryタブに、2つのdivが並んでいる列があります。これらのdivをjqueryタブの高さまで拡張したいと思います。私が最も近いのは、フィドルに表示されているものです。列のdivは展開されますが、含まれているTab divの高さではなく、「ページ」の高さまで拡張されます。

Answer 1

あなた#tabs-1はの高さに設定されて#tabsい#tabsますがul、上部に占有スペースがあるため、の高さによって#tabs-1下部の下に押し下げられます。#tabsul

パディングとボーダーをオンにすると小さなスクロールバーが表示されます#tabs-1が、位置を完全にオフに変更する#tabs と問題が修正されます。#tabs最新のブラウザの場合、これを修正する最も簡単な方法は次を使用することですbox-sizing。

#tabs {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}