css - 如何创建两个div，一个固定尺寸，另一个100％

我要创建两个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

亲切的问候

最佳答案

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%;
}

关于css - 如何创建两个div，一个固定尺寸，另一个100％，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23425317/