Как сделать так, чтобы CSS плавал влево, чтобы не сгибался при уменьшении ширины браузера

Question

У меня есть 2 коробки div. Все работает нормально, но когда размер браузера меньше 800 пикселей или около того, второй div перемещается под первый div Как я могу заставить его всегда оставаться справа от него?

#testbox1 {
background-color: #0000ff;
min-width: 300px;
width: 30%;
height: 200px;
position: relative;
float: left;
}

#testbox2 {
background-color: #00ffff;
width: 500px;
height: 200px;
position: relative;
float: left;
}

Answer 1

Дайте родительскому элементу min-width: 800px;.