html - 使用 float 将一个 div 定位到另一个 div？

Question

/*First Div*/
#box1 {
    border: 1px solid;
    border-radius: 25px;
    width: 900px;
}
/*Second Div*/
#box2 {
    border: 1px solid;
    border-radius: 25px;
    width: 430px;
}

/*Third Div*/
#box3 {
    float: right;
    border: 1px solid;
    border-radius: 25px;
    width: 430px;
}

/*Fourth Div*/
#box4 {
    border: 1px solid;
    border-radius: 25px;
    width: 900px;
}

我在将第三个 div 放在第二个 div 的右侧时遇到问题。我将如何做到这一点？尝试使用绝对/固定位置作为先前的 float 解决方案，但在缩小/放大时遇到问题。

Answer 1

您可以 float 两个 div，这将使它们彼此相邻。一定要给它一个宽度，我使用百分比以便布局更灵敏/流畅。

#box2 {
    border: 1px solid;
    border-radius: 25px;
    width: 48%;
    float: left;

}

/*Third Div*/
#box3 {
    border: 1px solid;
    border-radius: 25px;
    width: 48%;
    float: left;
}