0

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>
4

2 に答える 2