关于div左右布局的问题

[wtmanutd]

怎么实现左侧div宽度可变的左右布局？
详细需求是：两个div需左右布局，左侧的div的width需随里面的内容的宽度变化而变化，所以右侧div的width也需要随着左侧div的width的变化而变化。
目前我只能做到左侧宽度固定的左右布局。。。
求大神解答！

[wtmanutd]

引用 2 楼 u012280941 的回复:

左側 float:left

左侧 float:left后要想实现左右布局，目前我只有两种方案，一种是右侧设置margin-left = 左侧width，但这样左侧width必须为定值；另一种是右侧也设置为 float:left，这样左侧就可以随意变化了，但是右侧的width就很难设置了，无论是设置成百分比还是定值都达不到刚好填充剩余宽度的要求。 不知你是否还有别的刚好的方案

引用 3 楼 u012280941 的回复:

或是： 1.使用table 2.flexbox 3.display:table-cell 4.寫js吧

1.table布局一向是不推荐的方式吧，也不确定是否能达到我想要的效果 2.flexbox我也是昨天刚知道的，应该是我目前发现的唯一能实现我的需求的方法，但硬伤是目前浏览器兼容性太差。。。 3.这个从来没用过啊，我会尝试一下，但是感觉上是不是跟table一样？ 4.js作为迫不得已的方案吧，还是希望能直接div+css解决

[GSDante]

<div style="width:最大宽度px;"> <div style="float:left"> <div style="width:左边宽度px;height:100px;">左边内容</div> </div> <div style="float:right> <div style="width:100%;height:100px;">右边内容</div> </div> </div>

[LoveNet_]

用JS不就行了

[XZowie]

左側 float:left

[XZowie]

或是： 1.使用table 2.flexbox 3.display:table-cell 4.寫js吧

[wtmanutd]

引用 1 楼 LoveNet_ 的回复:

用JS不就行了

不想使用JS，希望能够通过样式直接实现

[wtmanutd]

引用 6 楼 GSDante 的回复:

<div style="width:最大宽度px;"> <div style="float:left"> <div style="width:左边宽度px;height:100px;">左边内容</div> </div> <div style="float:right> <div style="width:100%;height:100px;">右边内容</div> </div> </div>

这样没有用的吧，右边的宽度只会跟着他里面内容的宽度变化而变化（比如在你的例子里右边div的宽度就是4个字符宽）