如何让 div 填充剩余的水平空间？

小编典典

如何让 div 填充剩余的水平空间？

all

我有 2 个 div： 一个在页面的左侧，一个在页面的右侧。左侧的一个具有固定宽度，我希望右侧的一个填充剩余空间。

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

阅读 96

2022-03-14

共1个答案

小编典典

这似乎完成了你的目标。

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

2022-03-14