使div全宽减去X的px量

Question

有一个logo div，其宽度设置为25%但280px max，通常情况就是如此，它几乎不会25%。我需要另一个wrapper div来获取屏幕的所有剩余宽度。

JsFiddel demo

Answer 1

使用固定的宽度/百分比徽标，您可以在第二个div上使用CSS calc（）方法 示例：width: calc(100% - 280px)

但在这种情况下，徽标宽度会发生变化，所以我建议你让第二个div display:flex。例如：

＆＃13;

＆＃13;

body {
width:100%;
  height:100%;
  margin:0px;  
  background:darkslategrey;
}

#img {
 width:25%;  
 max-width:280px;
 height:auto;
 float:left;
}

#div {
  display:flex;
  height:100vh;
  background: tomato;  
}

＆＃13;

<img id=img src=http://i.imgur.com/Goy7oBy.gif alt=img><div id=div></div>

＆＃13;

＆＃13;

＆＃13;