Css Div box没有浮动到我想要的位置

我有问题浮动在我的网站上的盒子，我希望他们是

我想底部框会员计划放置在您的订单框下。如果有人能告诉我该编辑什么，我将不胜感激

以下是CSS代码：

左边的小盒子：

.small-white-box {
    background-color: #ffffff;
    border: 1px solid #d9dee1;
    border-radius: 3px;
    width: 230px;
    min-height: 200px;
    float: left;
    padding: 10px;
    margin-top: 10px;
    color: #37a6ef;
}

大中盒：

.large-white-box {
    background-color: #ffffff;
    border: 1px solid #d9dee1;
    border-radius: 3px;
    width: 665px;
    min-height: 650px;
    float: left;
    padding: 10px;
    margin-top: 10px;
    margin-left: 20px;
    font-size: 14px;
}

让我知道这是否对你有效

HTML

css规则

.col-white-box {
    float: left;
    width: 252px;
}
.small-white-box {
    background-color: #ffffff;
    border: 1px solid #d9dee1;
    border-radius: 3px;
    min-height: 200px;
    padding: 10px;
    margin-top: 10px;
    color: #37a6ef;
}

---

嘿在这两个小盒子之后，我到底应该在哪里添加它呢？看看我刚才为你做的代码。它可以工作，但是通过使用CSS使其更好，我没有时间重新编写感谢您的帮助，我在测试另一篇文章时没有尝试您的代码，它解决了我的问题，再次感谢您尝试帮助我！嘿我试过了，但是还是一样，但是我不确定我是否做对了。把第二个小白盒放到上面的白色框中

.content{
    width:100%;
}
.left{
    float:left;
    width: 230px;
    margin: 0 10px 0 0;
}
.right{
    float:left;
    width: 665px;
}
.large-white-box {
    background-color: #ffffff;
    border: 1px solid #d9dee1;
    border-radius: 3px;
    width: 665px;
    min-height: 650px;
    padding: 10px;
    margin-top: 10px;
    margin-left: 20px;
    font-size: 14px;
    float:left;
    display:box;

}
.small-white-box {
    background-color: #ffffff;
    border: 1px solid #d9dee1;
    border-radius: 3px;
    width: 230px;
    min-height: 200px;
    float: left;
    padding: 10px;
    margin-top: 10px;
    color: #37a6ef;
}

div.col-white-box
    div.small-white-box
        ......
    div.small-white-box
        ......
div.large-white-box
    ......

.col-white-box {
    float: left;
    width: 252px;
}
.small-white-box {
    background-color: #ffffff;
    border: 1px solid #d9dee1;
    border-radius: 3px;
    min-height: 200px;
    padding: 10px;
    margin-top: 10px;
    color: #37a6ef;
}