让图像用css填充所有剩余的空白

让图像用css填充所有剩余的空白,css,Css,所以我有一个固定宽度的头部,占据200px,左侧有一个浮动。我需要一个图像来填充右边窗口的其余部分。如果我使用宽度100%,图像将填充整个窗口,并下降到标题下方 以下是我所拥有的: header { height: 100%; text-align: center; float: left; width: 200px; } #banner-image { width: 100%;; } 我想我们需要更多的代码。HTML会很好。plunkr会更好。@DaveBush亲爱的

所以我有一个固定宽度的头部,占据200px,左侧有一个浮动。我需要一个图像来填充右边窗口的其余部分。如果我使用宽度100%,图像将填充整个窗口,并下降到标题下方

以下是我所拥有的:

header {
  height: 100%;
  text-align: center;
  float: left;
  width: 200px;
}


#banner-image {
  width: 100%;;
}

我想我们需要更多的代码。HTML会很好。plunkr会更好。@DaveBush亲爱的上帝,永远不要用那个叫plunkr的垃圾……用JSFIDLE或codepen代替。Plunkr在小屏幕设备上根本不起作用…至少给我们看一张您需要的图片provice html codePost更多的代码,但如果我理解得很好,
float:right
在图片上,带有
width:calc(100%-200px)将获得该工作done@seahorsepip无论什么给我看看代码。