0

複数の要素を含むヘッダーがあります。左に 5 つの div があり、右に 1 つの div があるとします。流動的なマークアップを使用しているため、ヘッダーの幅は 100% です。最初の 5 つの div はメニューとして使用され、右側にはログに記録されたユーザー情報を表示する div があります。

基本的に、そのようなものhttp://dabblet.com/gist/7162391

画面の解像度が低い場合に、このヘッダーをスクロール可能にしたいと考えています。また、ヘッダーの位置が固定されています (何らかの理由で)。固定幅のヘッダーを作成すると、水平スクロールを簡単に追加できることがわかりました(すべてのdivをインラインブロックにする)が、100%の幅では機能しません。

また、サイト全体をスクロール可能にする普遍的な方法はありますか? または、少なくとも私の質問のヘッダー...フロート要素のために、私のサイトは水平スクロールではなく乱雑になります

4

1 に答える 1

0

したがって、基本的に、必要に応じて機能させるには、divこれらのメニュー項目を保持し、min-widthそれに対して を設定する必要があります。overflow-x:auto;また、設定する必要があります<header>

フィドル

于 2013-10-25T22:37:46.520 に答える