Question

我基本上有两个列在基于百分比的布局上并排放置。左栏始终为175px宽。右列是可用宽度的剩余部分。当然，由于浏览器窗口可以调整大小，所以右列的宽度会发生变化。是否有Javascript或Jquery脚本可用于将左列设置为175px宽，然后计算浏览器窗口宽度的其余部分以应用于右列？提前致谢！

Answer 1

你能用简单的div / css吗？

<div id="columns">
    <div id="static_left" style="float:left;width:175px;"></div>
    <div id="remaining_right" style="float:left;"></div>
    <div style="clear:both;"></div>
</div>

Answer 2

演示CSS使用的一个非常简单的例子（参见JSFiddle here）：

<div id="columns" style="width: 100%;">
    <div id="left_col" style="float:left;width:175px; height: 200px; border: 1px solid black;">Left column</div>
    <div id="right_col" style="height: 200px; border: 1px solid red;">Remaining column</div>
</div>

计算的百分比宽度

2 个答案: