td
私のページでは、左側に150px幅の固定メニューがあります(ページと一緒にスクロールしません)。ページコンテナは100%幅です。要素で使用position:fixed
すると、要素がレイアウトから削除されるため、すべてが表示されるように回避する必要があります。このためmargin-left:150px
、ページコンテナを設定しました。これにより、画面の右側から150ピクセルオーバーフローし、水平スクロールバーが表示されます。
要素は水平方向の中央に配置する必要があり、右側に表示されすぎるため、オーバーフローを非表示にすることはできません。メニューは折りたたみ可能であるため、JavaScriptで計算できません。そのため、メニューを折りたたむたびに幅を再計算する必要があります。HTMLも編集できません。CSSとJavaScript/jQueryを使用してサイトを再設計しています。
これが私の問題をよりよく説明するデモです:http://jsfiddle.net/3yBRV/4/embedded/result/