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

小编典典

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

html

我有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>

阅读 483

2020-05-10

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

2020-05-10