CSS根据第二元素的宽度设置第一元素的宽度

Question

我不确定要如何完成我要完成的工作，所以请多多包涵...

我正在尝试根据后续元素的宽度来设置元素的宽度。看起来像这样：

 container element
 --------------------------------------------
 |                         |                |
 |                         |                |
 |<--auto width for div1-->|<--div2 200px-->|
 |                         |                |
 |                         |                |
 --------------------------------------------

因此，本质上，div2设置为浮动在页面右侧，并且div1应该自动跨到div2的右侧边缘

我已经在http://jsfiddle.net/yUvJs/上开了个小提琴

任何帮助将不胜感激...在此先感谢...

我不确定要如何完成我要完成的工作，所以请耐心等待……我试图根据进行中的元素的宽度来设置元素的宽度。看起来像...

Answer 1

只需使用表格。摆脱float，将两个box div设置为display:table-cell，将容器div设置为display:table。然后，第一个框应根据第二个框的宽度自动调整其宽度。

Answer 2

您可以使用CSS 3中新增的calc()函数，以允许第一个calc()跨越其包含块的100％宽度减去

Answer 3

我建议用JavaScript来实现。您将在JavaScript中执行以下操作：

Answer 4

我不确定您的所有要求，但是如果您可以颠倒html顺序：

Answer 5

我知道这个问题很旧，但是对于上述情况，可以使用flex：