css - 如何创建两个 div，一个固定大小，另一个 100%

Question

我想创建两个 DIV。左 DIV 有带图像的背景。此图像的大小始终为 DIV 的 100%。因此，如果我更改分辨率，我的图像尺寸会变小。在右边我有另一个固定宽度的 div。

HTML 代码

<div id="left">Test1</div>
<div id="right">Test</div>
<div style="clear: both;"></div>

CSS 代码

#left{
    float: left;
    background: url('http://www.dladziecibajki.com/tapety/21790373a4e876e9dfe1d3949a2d5345_1344597749.jpg') 0 0;
    width: 100%;
    height: 100%;
    position: relative;
}
#right{
    float: left;
    width: 380px;
    height: 100%;
}

这是我的代码:jsfiddle

亲切的问候

Answer 1

Demo Fiddle

HTML

<div id="right">Test</div>
<div id="left">Test1</div>

CSS

#left {
    background: url('http://www.dladziecibajki.com/tapety/21790373a4e876e9dfe1d3949a2d5345_1344597749.jpg') 0 0;
    height: 100%;
    overflow:hidden;
}
#right {
    float: left;
    width: 380px;
    height: 100%;
}