Question

我在MasterParent div中有两个div列（ColumnA和ColumnB）。这两列使用float：left。好的没问题。作品。

现在，在ColumnB中我想要3个单独的列（Column1,2,3）。

我将所有左侧的柱子1,2,3浮起，所以它们一起对接但是当我开始一条新线并清除前一列浮动时，它一直清除到MasterParent并将下一条线放到水平线下方ColumnA底部的位置。

有没有办法只通过ColumnB清理而不是一直到MasterPArent div？

Answer 1

您无法清除任何内容，并将overflow: hidden添加到您的MasterParent div。看看这个jsFiddle。

以下是代码：

.Container
{
    overflow: hidden;
}
.Col1
{
    float: left;
    width: 50%;
}
.Col2
{
    float: left;
    width: 50%;
}
.Col2a
{
    float: left;
    width: 33%;
}
.Col2b
{
    float: left;
    width: 33%;
}
.Col2c
{
    float: left;
    width: 33%;
}

<div class="Container">
    <div class="Col1">
        <p>Column 1</p>
    </div>
    <div class="Col2">
        <p>Column 2</p>
        <div class="Col2a">2a</div>
        <div class="Col2b">2b</div>
        <div class="Col2c">2c</div>
    </div>
</div>

limit div float清除到嵌套div中

1 个答案: