2 つの div があり、一方が他方にネストされています。メインの div には css プロパティmax-width:100%
があるため、ユーザーの画面よりも広くなりません。ここで、2 番目の div は非常に広く ( 1400px
)、他の多くの要素が含まれていますが、エッジのすべてを表示する必要はありません。したがって、(理想的には Javascript を使用せずに) 2 番目のワイド div を最初の div の中央に配置して、ユーザー画面が幅しかない場合1000px
に、最初1000px
のワイド div が表示され、残りがトリミングされるのではなく200px
、左右、1000px
中央からとった?
コード
<div style="max-width:100%">
<div style="position:relative;width:1400px">
<!-- PICTURES, LINKS, ETC -->
</div>
</div>