Вопрос по CSS и 2 колоночной верстке? - есть ответ

gmaneye, 94 просмотра

Есть код:

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
* {
margin:0;
padding:0;
border:0;
}

.center {
width: 100px;
margin: 0px auto;
}

.left {
width: 30px;
float: left;
background-color: #ff0000;
}

.right {
width: 70px;
float: right;
background-color: #ffff00;
}
</style>
</head>
<body>
<div class="center">
<div class="left">
1
</div>
<div class="right">
2<br />2<br />2
</div>
</div>
</body>
</html>

Мне надо сделать, чтобы, если 1-я колонка больше по высоте 2-ой , то вторая должна иметь такую же ширину как 1-ая, и наоборот.
Как это сделать?
(не хочу использовать таблицы, display: table-cell, только DIVs)

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.