Хочу предложить решить задачку на тему использования CSS для компоновки блоков. Имея следующую разметку, напишите CSS-код, который позволил бы получить компоновку представленную на картинке. Требования: используется только CSS, не использовать абсолютное позиционирование, компоновка должна быть резиновой, вопросом поддержки устаревших браузеров можно пренебречь.
Код:
Требуемый результат:
![image](https://habrastorage.org/r/w1560/storage/habraeffect/3b/86/3b86f1e408c61f97422cd309b0723272.png)
Оригинальное решение будет представлено завтра или раньше, если кто-нибудь напишет о нем в комментариях.
PS: решение представлено здесь habrahabr.ru/blogs/css/109276
Код:
<div id="grid">
<div id="A">A</div>
<div id="B">B</div>
<div id="C">C</div>
<div id="D">D</div>
<div id="E">E</div>
</div>
Требуемый результат:
![image](https://habrastorage.org/storage/habraeffect/3b/86/3b86f1e408c61f97422cd309b0723272.png)
Оригинальное решение будет представлено завтра или раньше, если кто-нибудь напишет о нем в комментариях.
PS: решение представлено здесь habrahabr.ru/blogs/css/109276