css 如何让外层的div 控制住内层div的宽度?

问题补充: 当浏览器窗口缩小时内层的div图像就会超出外层div 的显示范围,我google、baidu了一天也没能找到解决方法,有的说只要外层的div 设了宽度内存的就会受限,在试过N种方法后我实在无力解决了.


要求达到的效果: 当浏览器放大或缩小时下图中红线框框住的部分应该不超出版块的范围才对。

代码如下:

<div id="divContainer" style="width: 958px;">
<div id="divLine" style="position: absolute; z-index: 1; height: 40px; left: 126px; top: 234px; width: 958px;">
<div id="divRoad" style="position: absolute; z-index: 1; background: url("images/bridge/gr_gray.png") repeat-x scroll 0% 0% transparent; height: 20px; left: 126px; top: 274px; width: 958px;">
<div id="divLeftSlider" style="position: absolute; z-index: 1; background: url("images/bridge/but.png") no-repeat scroll 0% 0% transparent; cursor: pointer; width: 10px; height: 28px; left: 121px; top: 270px;"></div>
<div id="divRightSlider" style="position: absolute; z-index: 1; background: url("images/bridge/but.png") no-repeat scroll 0% 0% transparent; cursor: pointer; width: 10px; height: 28px; left: 290px; top: 270px;"></div>
<div id="divLeftStop" style="position: absolute; z-index: 1; left: 126px; top: 298px;">榆次市境内</div>
<div id="divRightStop" style="position: absolute; z-index: 1; white-space: nowrap; left: 1036px; top: 298px;">太原市许</div>
<div id="divRoadValue" style="position: absolute; z-index: 1; background: url("images/bridge/write.png") repeat scroll 0% 0% transparent; text-align: center; border: 1px solid; width: 80px; left: 165.5px; top: 244px;">3000 m</div>
<div id="divToll" style="position: absolute; z-index: 0; cursor: pointer; left: 306px; top: 286px;">
<div id="divOffice" style="position: absolute; z-index: 0; cursor: pointer; left: 1084px; top: 286px;">
</div>
以上这些全是jquery 生成出来的,别人写好的我在改它的bug 搞到想死！！

外层宽度为固定值：如700px
内层宽度为百分比：如100%
这样就能外层控制内层了

全是绝对定位，我了个擦。。

你的div 基本上都用了position: absolute；这是将抄div采用绝对定位，我一般不这么做。因为绝对定位是以左袭上角为（0,0）定位你的知div，跟换分辨率、浏览设备很容易出现位置偏移，你把position: absolute; z-index: 1;删除了应该就道对了

这代码让我不淡定了，不能给整个代码吗？或精简一下什么的

你就不能单独写个CSS 放？绝对定位那么多，就远离文本流 东漂 西漂。你只能把整个静态页给我 好帮你调式