2

我怀疑这可能需要 Flexbox（或者更容易使用），但也许有人有想法/解决方法。我有这样的结构：

<section>
  <div>Some Text Here</div>
  <div></div>
</section>

截面宽度：100%。我希望第一个 div（向左浮动）根据文本拉伸到不同的宽度，并且我希望第二个 div 占据部分剩余的任何百分比。每个 div 可能包含浮动在其中的各种其他 div（它们反过来将使用百分比作为宽度）。这可能吗？

编辑：好的，我认为更大的问题是，在第二个 div 中，我有一个宽度为 % 的浮动 div，但它的父级是宽度自动......所以它不会正常工作吗？密码笔

4

1 回答 1

1

您可以通过将一个 DIV 指定为左浮动，将另一个 DIV 指定为自动（因此它使用剩余的任何空间）来执行此操作

div:first-child { /* div on the left, width as per content */
    float: left;
    width: auto;
    background-color: #777;
}
div:last-child { /* div on the right, uses remaining width */
    background-color: #77f;
    width: auto;
}

检查这个演示：http: //jsfiddle.net/pQc3d/1/

于 2012-10-29T18:33:19.087 回答