下面的 div 如何与下面的 CSS 方案保持一致答案

【问题标题】：How could the following div align with the following scheme with CSS下面的 div 如何与下面的 CSS 方案保持一致
【发布时间】：2016-08-02 18:11:55
【问题描述】：

我有一个容器（boxContainer），在这个容器中，我有六个其他 div，我试图让它们看起来如下编辑 CSS 样式，但我只是没有找到一种方法让它看起来像假装...

<div id="boxContainer">
    <div id="box1"></div>
    <div id="box2"></div>
    <div id="box3"></div>
    <div id="box4"></div>
    <div id="box5"></div>
    <div id="box6"></div>
</div>

【问题讨论】：

能否请您发布您尝试过的代码？
如果没有至少一个，也可能是两个额外的包装 div，您几乎肯定无法管理此问题。

标签： css alignment

【解决方案1】：

唯一的方法是遵循请添加以下样式

#boxContainer #box1, #boxContainer #box5, #boxContainer #box6 {
    border: 1px dashed;
    display: inline-block;
    width: 100%;
}
#boxContainer #box2 {
    border: 1px dashed;
    float: left;
    height: 100px;
    width: 15%;
}
#boxContainer #box3, #boxContainer #box4 {
    border: 1px dashed;
    float: right;
    height: 50px;
    width: 85%;
}

希望这会有所帮助，可以更改额外的框高度我没有遵循确切的宽度/高度

【讨论】：

感谢您的回答，我设法用您的解决方案解决了这个问题。再次感谢，很抱歉回复您。