CSS / XHTML: левые плавающие DIV с одинаковой высотой, когда высота установлена ​​на 100% - PullRequest
Новая
       38

CSS / XHTML: левые плавающие DIV с одинаковой высотой, когда высота установлена ​​на 100%

0 голосов
/ 07 февраля 2011

У меня есть несколько плавающих div элементов, которые плавают влево.Все они имеют высоту 100%.Один из элементов div превышает высоту порта просмотра, а другие DIV не меняют размер до 100% родительского DIV, который имеет позицию относительного набора (именно так он и должен работать, по моему мнению).

Кроме отображения таблицы, строки таблицы, решения ячейки таблицы, есть ли другой способ сделать все деления 100% области просмотра и, если нужно быть выше, заставить другие растягиваться до 100% растянутого родительского деленияна увеличенный дел.

Как?:)

Спасибо.

Ответы [ 2 ]

2 голосов
/ 07 февраля 2011

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

Попробуйте

http://thelucid.com/2010/12/03/the-solution-to-fluid-inconsistencies-and-equal-height-columns/
http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks

1 голос
/ 07 февраля 2011

Я не совсем понимаю ваш вопрос.Посмотрите на этот код: 

<html>
<body>
<div style="height:50px;position:relative">
    <div style="background-color:red; float:right; height:100%">moo</div>
    <div style="background-color:green; float:right; height:100%">boo<br/>coo<br/>doo<br/>goo<br/>boo<br/>coo<br/>doo<br/>goo</div>
    <div style="background-color:blue; float:right; height:100%">foo</div>
</div>
</body>
</html>

Как видите, центр DIV имеет высоту более 50 пикселей, поэтому внешний DIV (с относительным положением ") растягивается вместе сдругие внутренние DIV.

Разве это не работает для вас?

...