Css 浮动div 100%动态父级高度，无绝对位置？

我在这里读了很多书，但找不到答案的答案

我有一个container div，有多个浮动的左div，如下面的html所示

<div class="catbg0" id="b1">

    <div class="catb1">#</div>
    <div class="catb2">Board Name</div>
    <div class="catb3">Topics</div>
    <div class="catb4">Posts</div>
    <div class="catb5">Last Post</div>
    <div class="clearboth"></div>

</div>

---

有什么想法吗？谢谢。

我不太确定。但是给容器（catbg0）一个溢出：隐藏；可能有用。通常，这会拉伸应用它的div（当未设置特定高度时）

---

注意：它仍然是一个溢出、长单词等，而div将继续运行，因为溢出会屏蔽div。

正如我所知，只有带位置的块：绝对可能是100%高度及其子项

如果确定.catb2的最大高度为.catb*，请尝试添加包装器：

<div class="catbg0" id="b1">

    <div class="catb2">Board Name</div>

    <div class="wrapper">
        <div class="catb1">#</div>
        <!-- margin == catb2 width -->
        <div class="catb3">Topics</div>
        <div class="catb4">Posts</div>
        <div class="catb5">Last Post</div>
    </div>

    <div class="clearboth"></div>

</div>

---

顺便说一句，也许它对你有用-

欢迎使用SO！如果你也包含了相关的CSS，这将更容易回答。添加了相关的CSS。另外，我试图解决的问题不是向下拉伸容器div，ClearDuth元素会这样做，它会将.catb1、.catb3、.catb4、.catb5拉伸到任何高度。catb2也拉伸.catb0。这似乎很好，除了.catb2 div现在隐藏在其余浮动div的后面之外？但是，如果我添加.catb1{margin right:52%（宽度为.catbg2）}，它可以正常工作吗？这是因为我没有正确更改零件吗？是的，您可以添加.catb1{margin right:52%；}或.catb3{margin left:52%}。这不要紧，这是一个JSFIDLE示例：我也不想使用绝对位置，但我没有尝试过，这确实是最好的解决方案

<div class="catbg0" id="b1">

    <div class="catb2">Board Name</div>

    <div class="wrapper">
        <div class="catb1">#</div>
        <!-- margin == catb2 width -->
        <div class="catb3">Topics</div>
        <div class="catb4">Posts</div>
        <div class="catb5">Last Post</div>
    </div>

    <div class="clearboth"></div>

</div>

.catbg0 { position: relative; }
.wrapper { position: absolute; width: 100%; height: 100%; }
.catb2 { margin-left: /* catb1 width here */  }