position: relative;とを使用してCSSでdivを簡単に中央揃えにする方法を知ってmargin:auto;いますが、他のすべてのdivの前にあるはずのdivがあるので、とを設定z-index: 1000;しposition:absolute;ます。私が相対的な試みをしなければ、これを前に設定する他の方法を理解することはできませんposition: absolute; 、そしてそれは他のすべての下に下に行きます。z-index: 1000; position: absolute;私の質問は、中央に留まらなければならないこのdivをどのように設定するかです。
どちらが完璧に見えるか試しleft: 20%;てみますが、それが大きな画面またははるかに小さな画面に表示される場合、そのパーセンテージは明らかに同じにはなりません。
次の 2 つのいずれかを行うことができます。
position:absolute;width:60%;left:20%( 100%-60% = 40%--> 40% / 2 = 20%)
2. を使用してdivを配置しposition:absolute;text-align:center;、内部要素を指定しますposition:relative;display:inline-block;
div に幅と高さがあることを確認してから、サイズの負の半分のマージンで 50% の位置に配置します。例: div 100px x 100px:
z-index: 1000;
position: absolute;
top: 50%;
left: 50%;
margin-left: -50px;
margin-top: -50px;
divz-indexで引き続き使用できます。position:relative他のすべてのz-indexオブジェクトにも宣言された位置が必要であることを確認してください。