Как сделать div изменяемого размера в браузере?

Question

У меня есть 2 деления ... каждый с плавающей точкой слева, и у каждого есть "ширина".

Когда я изменяю размер моего браузера, правый div падает вниз до левого. Зачем? Я бы хотел, чтобы во время изменения размера он оставался там.

Answer 1

Есть много решений для этого. Решение, которое сохраняет ваш существующий макет с плавающей точкой:

Поместите эти два div в родительский div, ширина которого достаточно велика, чтобы вместить оба этих div.

Они «обертывают», потому что вы пометили их как плавающие элементы, и когда их родительский контейнер становится слишком маленьким, чтобы поместить их в одну и ту же «строку», второй появляется ниже, как текст и т. Д.

Answer 2

Вы, вероятно, делаете ширину браузера слишком маленькой для того, чтобы оба плавающих элемента div располагались рядом.

Один из способов предотвратить это - заключить их в более крупный семантический div с фиксированной или минимальной шириной. Или просто дайте самому телу минимальную ширину. Минимальная ширина не поддерживается в IE 6, просто установите ширину для IE6, и она будет восприниматься как минимальная ширина.

Answer 3

Дайте ширину как "50%"