html - 使 div 占用剩余宽度

标签 html css

我有以下代码

<div style="float:left;height:16px; background:grey; width:200px;"></div>
<div style="float:left;height:16px; background:lightblue; width:100px;"></div>

是否可以在不使用表格的情况下让第二个 div 占据所有剩余宽度?

这里是 JSFiddle 澄清 http://jsfiddle.net/xtkoycyv/

最佳答案

是的,它是...从第二个 div 中删除 float

<div style="float:left;height:16px; background:grey; width:200px;">this text</div>
<div style="height:16px; background:lightblue;">that text</div>

关于html - 使 div 占用剩余宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29984660/

相关文章:

html - React 生态系统中的安全字符串输出

javascript - 如何将单选按钮行为添加到 <a>

css - ">"(大于号)CSS 选择器是什么意思?

html - 具有动态大小的 CSS div 表行

javascript - jquery 上一个和下一个相邻的兄弟

javascript - HTML DOM id 数组属性和添加到舞台 JavaScript(数组)

html - 响应式缩放绝对定位的元素

javascript - 如何解决未捕获的类型错误 - 无法读取 null 的属性 'addEventListener'

html - 在 IE6 中滚动后文本模糊

css - 最后一个导航按钮没有填满其各自的空间