javascript - 计算的百分比宽度

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 ）：

<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>