左侧固定宽度div,右侧固定宽度div

Vit*_*eis 5 html css xhtml jquery css-float

我想<div>在左边有一个固定的宽度,<div>在窗口调整大小时右边是灵活的.此外,左边<div>是可折叠的(我使用jQuery隐藏它与负边距),然后我需要有权利<div>有全宽.

PS:我没有能够在没有水平卷轴的情况下在带有衬垫的容器内设置100%宽度的div ...

thi*_*dot 9

我想在左边有一个固定的宽度,在窗口调整大小时右边是灵活的.

float: left只有左边div,并添加overflow: hidden到右边div.

请参阅: http ://jsfiddle.net/JsLuG/

此外,左边是可折叠的(我使用jQuery隐藏它与负边距),然后我需要有权利有全宽.

这适用于我的方法:http://jsfiddle.net/JsLuG/1/

PS:我没有能够在没有水平卷轴的情况下在带有衬垫的容器内设置100%宽度的div ...

那是因为width: 100%不包括padding.

请参阅:http://css-tricks.com/2841-the-css-box-model/

解决这个问题最简单的方法是不要声明width: 100%.块级元素将默认采用"全宽"(width: auto).

或者,添加一个包装元素并将其放在padding上面.或者,使用box-sizing: border-box.