Question

我在这里有一个JSFiddle：http://jsfiddle.net/5gvv27rr/5/

这样做会在同一行上创建你想要的每个div元素。然后根据编号为div的内容进行拆分。

例如：假设我输入数字3.主div将分成3个div。然后第一个将保持为1 div。第二个将分为两个div，第三个分为3个，依此类推。

这很好用。然而，就好像div不会从父div开始。我已经使用了这个代码，所以将边框放在内部而不是外部：

.childDiv{
    background-color: white;
    float:left;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    border: 2px;
    border-style: solid;
    border-color: black;
    opacity: 1;    
}

然而，它仍然好像正在显示一个边界，让div移动到下一行？

有什么想法吗？

Answer 1

我不确定所期望的行为。

像这样：jsfiddle？

问题在于childDiv（包含子节点的div）的宽度，因为它的边界小于包含的div。

我改变的事情：

.childDiv{
    border: 0px;
    display:inline-block;
} 
.secondChildDiv{
        display:inline-block;
}

我使用display:inline-block;代替浮动，因为这样您不需要clear:both：）

如果有帮助，请告诉我，

阿尔贝托

为什么我的div元素不直接相互叠加？

1 个答案: