Колонки дивами

  • Автор темы Автор темы shisik
  • Дата начала Дата начала
S

shisik

Можно ли дивами сделать так, чтоб все 3 колонки были одной высоты? Например, есть такой код:

Код:
<div>
<div style='float: left; width: 200px; border: 1px #000 dashed; height: 100%;'>Left column</div>
<div style='float: right; width: 200px; border: 1px #000 dashed; height: 100%;'>Right column</div>
<div style='margin: 0 210px 0 210px; border: 1px #000 dashed; height: 100%;'>Center column</div>
</div>

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

<!--shcode--><pre><code class='html'><div>
<div style='float: left; width: 20%; border: 1px #000 dashed; height: 100%; display: table;'>Left column</div>
<div style='float: right; width: 20%; border: 1px #000 dashed; height: 100%; display: table;'>Right column</div>
<div style='margin: 0 23% 0 23%; width: 55%; border: 1px #000 dashed; height: 100%; display: table;'>Center column</div>
</div>[/CODE]
 
Мы в соцсетях:

Взломай свой первый сервер и прокачай скилл — Начни игру на HackerLab

🚀 Первый раз на Codeby?
Гайд для новичков: что делать в первые 15 минут, ключевые разделы, правила
Начать здесь →
🔴 Свежие CVE, 0-day и инциденты
То, о чём ChatGPT ещё не знает — обсуждаем в реальном времени
Threat Intel →
💼 Вакансии и заказы в ИБ
Pentest, SOC, DevSecOps, bug bounty — работа и проекты от проверенных компаний
Карьера в ИБ →

HackerLab