Поместите 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 справа от второго дел. Как бы я это сделал? попытался использовать абсолютную/фиксированную позицию в качестве предыдущего решения для float, но имел проблему с масштабированием/вводом.

Answer 1

Вы можете плавать оба divs, которые будут устанавливать их рядом друг с другом. Обязательно укажите ширину, я использую проценты, чтобы макет был более отзывчивым/жидким.

#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; 
    }