私は jQuery UI のデモ ページを用意しています。これは、新しい jQuery UI のダウンロード用で、ほとんどの例がコメント アウトされています。コメントアウトされていない主なコンテンツは、左側のナビゲーション サイドバーとして使用したいアコーディオンのコードと、ページ コンテンツの大部分を占めるタブのコードです。
現在、私はCSSに追加しました:
div#accordion
{
float: left;
position: absolute;
width: 18%;
}
div#tabs
{
margin-left: 20%;
}
アコーディオンの絶対位置なしで試したすべての結果、タブのテキストの上部がアコーディオンの一部と整列します。
アコーディオンが左側のサイドバーにあり、タブ領域が右側にあるようにコーディングするより良い方法はありますか? どちらも画面の下部で途切れることのない実装があるとよいでしょう。