Проблема, позволяющая 2-му плавающему элементу заполнить оставшуюся часть горизонтального пространства внутри элемента контейнера - PullRequest
Новая
       11

Проблема, позволяющая 2-му плавающему элементу заполнить оставшуюся часть горизонтального пространства внутри элемента контейнера

0 голосов
/ 22 июня 2011

Как видно из заголовка, у меня есть один контейнерный блок, содержащий два плавающих блока различной ширины. Посмотрите это в действии здесь (это часть "Бронирование отеля"):

http://experiencerapanui.com/book_hotel.php?hotel_id=3

Я оформил для тебя 2-й див. Мне нужен этот второй div, чтобы заполнить все оставшееся пространство контейнера div. Я не могу зафиксировать ширину первого div, так как его ширина варьируется в зависимости от того, что предлагают разные отели, но я все еще хочу, чтобы 2nd div (где будут отображаться цены) заполнял все оставшееся пространство, чтобы не сделать его так тесно.

Как достигается этот результат?

1 Ответ

3 голосов
/ 22 июня 2011

На вашем "граничит div", удалите float: left и добавьте overflow: hidden.

. Демонстрацию и объяснение см .: Заполните пространство div

Я только что проверил вашу страницу с IE.У вас нет типа документа, поэтому ваша страница безнадежно сломана благодаря Режиму причуд .

Решите эту вторую проблему, добавив this (HTML5 doctype) каксамая первая строка вашего HTML: 

<!DOCTYPE html>
...