这个问题在这里已经有了答案:2columndivlayout:rightcolumnwithfixedwidth,leftfluid(8个答案)关闭8年前。我正在寻找一种将2个div作为列的方法，其中右侧的div具有固定宽度，左侧的div填充剩余空间。有没有人碰巧知道这是否可以做到？我的尝试(在block1下呈现block2):.block1{width:auto;height:200px;background-color:green;}.block2{float:right;height:200px;width:200px;background-color:red;}test1tes
这个问题在这里已经有了答案:2columndivlayout:rightcolumnwithfixedwidth,leftfluid(8个答案)关闭8年前。我正在寻找一种将2个div作为列的方法，其中右侧的div具有固定宽度，左侧的div填充剩余空间。有没有人碰巧知道这是否可以做到？我的尝试(在block1下呈现block2):.block1{width:auto;height:200px;background-color:green;}.block2{float:right;height:200px;width:200px;background-color:red;}test1tes
我现在已经尝试了几件事(并环顾四周)，但到目前为止没有任何效果。所以我要问。我想要的:我有以下简单的HTML:FirstcolumnwithtextThiscolumnshouldfilltheremainingspacebutshouldbetruncatedifthetextistoolongSmallcolumn表格本身应该是父容器的100%宽度。我希望第一列和最后一列(.small)尽可能大，这样内容就可以在没有换行符的情况下放入其中(几乎white-space:nowrap确实如此)。中间列(.extend)应占据剩余空间(因此表格将保持在其父容器的100%宽度内)并且.ex
我现在已经尝试了几件事(并环顾四周)，但到目前为止没有任何效果。所以我要问。我想要的:我有以下简单的HTML:FirstcolumnwithtextThiscolumnshouldfilltheremainingspacebutshouldbetruncatedifthetextistoolongSmallcolumn表格本身应该是父容器的100%宽度。我希望第一列和最后一列(.small)尽可能大，这样内容就可以在没有换行符的情况下放入其中(几乎white-space:nowrap确实如此)。中间列(.extend)应占据剩余空间(因此表格将保持在其父容器的100%宽度内)并且.ex
我有以下HTML代码:Sidepanel,fixedwidth.Therestofthecontent,shouldbedynamicwidthandfilluprestofspacehorizontally.FooBar.我想做的是使#Panel具有固定宽度(~200像素)并位于左侧，而#Content紧靠#Panel的右侧，但“动态”宽度并水平填充浏览器屏幕中的其余空间。我已经尝试了很多不同的东西，但一直无法让它工作——我得到的最远的地方是#Panel在左边，#Content在#Panel的右边并填充其余空间，但#Content从#Panel下面开始，而我希望它从相同的垂直位置开始
我有以下HTML代码:Sidepanel,fixedwidth.Therestofthecontent,shouldbedynamicwidthandfilluprestofspacehorizontally.FooBar.我想做的是使#Panel具有固定宽度(~200像素)并位于左侧，而#Content紧靠#Panel的右侧，但“动态”宽度并水平填充浏览器屏幕中的其余空间。我已经尝试了很多不同的东西，但一直无法让它工作——我得到的最远的地方是#Panel在左边，#Content在#Panel的右边并填充其余空间，但#Content从#Panel下面开始，而我希望它从相同的垂直位置开始
所以我有这样的布局:div{border:1pxsolid}12;">3col_1和col_2占用固定大小的空间。我希望第三列占据其余部分。实现此目标的最佳方法是什么？ 最佳答案 您可以做一些疯狂的事情，放弃javascript和不太适合黄金时间的CSS3东西，并使用绝对定位。参见thisjsfiddle.通过浏览器调整大小表现良好的奖励积分。#col_1{position:absolute;top:0px;bottom:0px;width:100px;background-color:#eee;}#col_2{position:a
所以我有这样的布局:div{border:1pxsolid}12;">3col_1和col_2占用固定大小的空间。我希望第三列占据其余部分。实现此目标的最佳方法是什么？ 最佳答案 您可以做一些疯狂的事情，放弃javascript和不太适合黄金时间的CSS3东西，并使用绝对定位。参见thisjsfiddle.通过浏览器调整大小表现良好的奖励积分。#col_1{position:absolute;top:0px;bottom:0px;width:100px;background-color:#eee;}#col_2{position:a
我有一个容器div，我想至少将其拉伸(stretch)到整个窗口的高度。如果容器div中有很多内容，我希望它拉伸(stretch)到超过窗口的高度。这行得通。在容器div中我有一个图像。在图片之后/下方，我有第二个div。我希望这个嵌套的div垂直拉伸(stretch)以填充容器div的剩余空间。这行不通。我试图在thisimage中说明问题.我希望div以右图左侧所示的方式拉伸(stretch)，而不是右图右侧所示的方式。以下是我的代码。如您所见，在这段代码中，我什至没有尝试使图像下的div垂直拉伸(stretch)，因为没有任何效果。“高度:100%”不起作用，因为我已将“100%
我有一个容器div，我想至少将其拉伸(stretch)到整个窗口的高度。如果容器div中有很多内容，我希望它拉伸(stretch)到超过窗口的高度。这行得通。在容器div中我有一个图像。在图片之后/下方，我有第二个div。我希望这个嵌套的div垂直拉伸(stretch)以填充容器div的剩余空间。这行不通。我试图在thisimage中说明问题.我希望div以右图左侧所示的方式拉伸(stretch)，而不是右图右侧所示的方式。以下是我的代码。如您所见，在这段代码中，我什至没有尝试使图像下的div垂直拉伸(stretch)，因为没有任何效果。“高度:100%”不起作用，因为我已将“100%
