html - 一个带有 AUTO 的 float div，然后是另一个填充其余部分的 div

Question

我需要将两个 div 放在另一个里面。里面的 div 是 float 的，一个有一个“width: auto;”另一个必须填补其余部分。

我看过很多示例，但所有示例都至少适用于一个固定宽度，而我没有使用固定宽度。

结构如下:

<div id="bigboss">
 <div id="child1"></div>
 <div id="child2"></div>
</div>

“bigboss”有一个“width: 100%”，“child1”有一个“width: auto;”我需要 child 2 填补其余部分。

Answer 1

CSS 没有“填充其余部分”的功能。为此，您可能需要 javascript。

您可以使用 jQuery 执行以下操作:

$(document).load(function(){
    $("#child2").css({
        "width": $("#bigboss").width() - $("#child1").width() + "px"
    });
});

如下所示:http://jsfiddle.net/YUjJ8/