javascript - 计算的百分比宽度

Question

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

Answer 1

一个非常简单的示例来演示 CSS 的使用(参见 working 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>