javascript - 计算的百分比宽度

标签 javascript jquery css percentage

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

最佳答案

一个非常简单的示例来演示 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>

关于javascript - 计算的百分比宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16126719/

相关文章:

javascript - 使用夹具适配器不显示任何内容

javascript - 为什么不在浏览器上获得 JQuery 效果?

jquery - Google Maps API v3、jQuery UI 选项卡、 map 未调整大小

css - 使用 KO "if"绑定(bind)时如何删除包含字段的边框?

html - Bootstrap 3 网格工作正常,在 1170px 左右,所有列都像具有 "display: block;"属性的 col-lg-12

javascript - Dynamics CRM 自定义表单事件 Javascript 中出现错误

javascript - 带有 javascript 回显的 php 变量

javascript - Backbone 中的模型更改渲染

javascript - JS opacity - 为什么这在 jsfiddle 上有效但在实时环境中无效?

css - 如何根据控件宽度而不是视口(viewport)宽度编写css媒体查询