DIV内のセンターDIV? | html,css

私はDIVを使って1つのDIVをセンタリングするのに助けが必要です。

私は1つのコンテナDIVは、画面の全幅を取るために自動幅(それを呼び出すことができますheaderContainer。

headerContainer内で、さらに3つのDIVが必要です。

  • 左DIV(幅400ピクセル)
  • センターDIV(幅100ピクセル)
  • 適切なDIV(200ピクセル幅)。

私はセンターのDIVを画面の真ん中に直接したい。今、私はそれを左右のDIVの中央に置くことしかできません。

助けてくれてありがとう。

ベストアンサー

これは機能します。

。headerContainer{
  width:auto !important;
}
。leftDiv{
  float:left;
  width:400px;
}
。rightDiv{
  float:right;
  width:200px;
}
。centerDiv{
  display:inline;
  width:100px;
  margin-left:auto;
  margin-right:auto;
}

<div class="headerContainer">
 <div class="leftDiv"></div>
 <div class="centerDiv"></div>
 <div class="rightDiv"></div>
</div>

コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です