1. ホーム
  2. html

[解決済み] div が残りの水平スペースを埋めるようにするにはどうしたらいいですか?

2022-03-20 11:04:13

質問

2つのdivがあります。 私のページの左側と右側に1つずつあります。左側は固定幅で、右側は残りのスペースを埋めるようにしたいのです。

#search {
  width: 160px;
  height: 25px;
  float: left;
  background-color: #ffffff;
}

#navigation {
  width: 780px;
  float: left;
  background-color: #A53030;
}
<div id="search">Text</div>
<div id="navigation">Navigation</div>

解決方法は?

これで狙いは達成できそうです。

#left {
  float:left;
  width:180px;
  background-color:#ff0000;
}
#right {
  width: 100%;
  background-color:#00FF00;
}
<div>
  <div id="left">
    left
  </div>
  <div id="right">
    right
  </div>
</div>