使用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;
}

我遇到了将thrid div放在第二个div右侧的问题。我怎么做到这一点？尝试使用绝对/固定位置作为浮动的先前解决方案但是在缩小/缩小时存在问题。

Answer 1

你可以浮动两个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;
}

Answer 2

#box2 { 
     width: 49%;
     display: inline-block; 
     vertical-align: top;
  }

  #box3 { 
     width: 49%;
     display: inline-block; 
     vertical-align: top;
  }