DIV переходит на другую строку при изменении размера браузера

Question

У меня есть основной div, и внутри него .. У меня есть 2 div, оба выровнены по левому краю.

По какой-то причине (или свойству), когда я перетаскиваю правую часть своего firefox, чтобы уменьшить размер браузера, 2-й делитель переходит на вторую строку.

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

Я предполагаю свойство переполнения?

Answer 1

Это происходит из-за того, что горизонтальных пространств недостаточно, чтобы ваши дивы отображались рядом.

вам нужно убедиться, что ваш внешний div имеет фиксированную ширину, если ваши два inner-div имеют фиксированную ширину.

У вас есть ссылка на то, о чем вы говорите?

Answer 2

У меня была та же проблема, вы можете исправить ее по-разному: 1. не делайте второй внутренний div (самый правый) плавающим 2. назначьте минимальную ширину обоим внутренним элементам, чтобы при уменьшении размера браузера второй элемент в любом случае не подходил и, следовательно, не "плавал" под другим Для меня ключом к пониманию свойства float (при условии, что я действительно понял его; все пространство как баннер. Затем, float означает, что он сделает все возможное, чтобы «оставаться видимым», учитывая заданные ограничения ширины / высоты и доступное пространство.

Answer 3

Это свойство (и особенно хорошее) плавающих элементов. Вы должны быть в состоянии решить эту проблему, указав style="width:[NUM]%;" вместо использования фиксированной ширины.

Имхо, фиксированную ширину действительно можно смешивать с масштабируемыми сайтами, только если они особенно малы по сравнению с родительским элементом или отойдут от других вещей.