• Познакомьтесь с пентестом веб-приложений на практике в нашем новом бесплатном курсе

    «Анализ защищенности веб-приложений»

    🔥 Записаться бесплатно!

  • CTF с учебными материалами Codeby Games

    Обучение кибербезопасности в игровой форме. Более 200 заданий по Active Directory, OSINT, PWN, Веб, Стеганографии, Реверс-инжинирингу, Форензике и Криптографии. Школа CTF с бесплатными курсами по всем категориям.

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

  • Автор темы 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>

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

ABSENT

Можно, например, сделать так:

<!--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]
 
Мы в соцсетях:

Обучение наступательной кибербезопасности в игровой форме. Начать игру!