【CSS】position:fixed;を用いながらmargin:auto;を適用させる方法

タグ :

inset: 0;を指定することでmargin:auto;が適用させる。

position: fixed;とinset: 0;を使用して要素を固定し、margin: auto;で要素を中央に配置できます。

insetプロパティは、top、right、bottom、leftの4つのプロパティを一度に指定できるショートハンド（略記）です。これを使うことで、要素の位置を一括で指定できます。



.fixed-center {
position: fixed;
inset: 0;
margin: 0 auto;
background-color: #ccc;
padding: 10px;
border: 1px solid blue;
width: 90%; /* デフォルトの幅 */
max-width: 1000px; /* 最大幅 */
height: auto; /* 必要に応じて高さを設定 */
}