0

Как сделать, чтобы нижний див автоматически уменьшался по высоте, если количество пунктом меню увеличивается, и увеличивался, если пункты удаляются?

Нужно, чтобы нижний див был по длине от последнего пункта меню, и до нижней белой линии (границы).

Изображение.

1
  • условия/циклы/арифметика - это работа js
    – Sh4dow
    Commented 18 нояб. 2012 в 14:42

1 ответ 1

2

Не ну как вариант - таблица

<style type="text/css">
  table.menu { width: 200px; height: 200px; border-spacing: 5px; }
  table.menu td { background: #666; }
  table.menu td.link { height: 25px; }
</style>
<table class="menu">
  <tr><td class="link">text</td></tr>
  <tr><td class="link">text</td></tr>
  <tr><td class="link">text</td></tr>
  <tr><td class="link">text</td></tr>
  <tr><td></td></tr>
</table>

результат

Еще вариант, мб вам покажется более адекватным

<style type="text/css">
  div.menu { width: 200px; height: 200px; overflow: hidden; }
  div.menu div { margin: 2px; padding: 3px; background: #666; }
  div.menu div.bottom { height: 200px; }
</style>
<div class="menu">
  <div>text</div>
  <div>text</div>
  <div>text</div>
  <div>text</div>
  <div>text</div>
  <div class="bottom"></div>
</div>

результат 2

1
  • Обновил, дивы
    – Sh4dow
    Commented 18 нояб. 2012 в 15:41

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.