Css 固定垂直侧边栏与全宽图像背景

我有两个div-一个固定在页面的左侧作为侧导航，另一个我有一个背景图像，我希望是流动的，覆盖div的宽度。我查看了，但找不到任何像我正在查找的那样具体的内容。下面是我的代码

。大地测量容器{
宽度：100%；
最小宽度：800px；
}
.内容{
宽度：100%；
框大小：边框框；
左边距：300px；
}
.形象{
宽度：100%；
背景图片：url（“images/geodetics.jpg”）norepeat中心固定；
z指数：999；
}
.说明{
位置：固定；
宽度：300px；
身高：100%；
背景色：#eaeaed；
填充：20px；
颜色：#0072bc；
}

这是侧栏的内容。右侧将有一个关于图像的描述性段落。

我不确定这是您想要实现的，但希望这会有所帮助

更新： 我更新了代码，请检查下面的代码片段或转到-ps：重新调整屏幕大小以查看响应。希望这有帮助

正文{
填充：0；
保证金：0；
背景色：黑色；
颜色：黑色；
}
[类别*=“列-”]{
高度：200px；
背景色：白色；
}
#img{
背景：url（“http://s10.postimg.org/3nmoewzq1/dramatic_landscape_191458.jpg）左上角不重复；
背景尺寸：封面；
}

独自创立

这是侧栏的内容。右侧将有一个关于图像的描述性段落。这是侧栏的内容。右侧将有一个关于图像的描述性段落。

您可以使用flexbox使图像在其

div

中响应

我不得不稍微调整

左边距

属性，并用

您的问题是什么？您期望的输出是什么？这是您要寻找的规则吗

.content{background size:cover；}

我希望背景图像是右div宽度的100%，但我似乎无法使用css规则“background image”显示它。内容{background size:cover；}不适合我，我用的是chrome？我可以使图像显示在HTML中，但无法控制它对网站的响应。给你一个想法，img im使用的是1024 x 2452。你想要背景图像只在内容区域（非侧边栏）还是整个页面上？只在内容区域。虽然效果很酷，但不是我想要的。我想只有在右边的内容区域有背景图像，如果有可能的话，有它的响应。对不起，我是一个学习如何编码的设计师，但不是很好：/不过我非常感谢你的反馈！