Как сделать оглавление (меню) сайта при помощи списков?

Сайт чисто на HTML и CSS : оглавление (меню) — при помощи списков; как сделать его „резиновым“?

https://cloud.mail.ru/public/qfxo/rMqhb3Qfm


Ответы (1 шт):

Автор решения: LureRed
  1. Необходимо размещать код где его можно скопировать и посмотреть как он работает

  2. по существу вопроса то можно поступить так, использовать 'flex' и убрать обертку у списка в виде div (к тому же у вас там фиксированный размер стоит)

  .menu_horizontal {display: flex;  flex-direction: row; flex-wrap: nowrap; justify-content: space-between; width: 100%; list-style: none;}
  ul {padding: 0;}
<ul class="menu_horizontal">
  <li>пункт 1</li>
  <li>пункт 1</li>
  <li>пункт 1</li>
  <li>пункт 1</li>
</ul>
<ul class="menu_horizontal">
  <li>пункт 1</li>
  <li>пункт 1</li>
  <li>пункт 1</li>
  <li>пункт 1</li>
  <li>пункт 1</li>
  <li>пункт 1</li>
  <li>пункт 1</li>
  <li>пункт 1</li>
</ul>
<ul class="menu_horizontal">
  <li>пункт 1</li>
  <li>пункт 1</li>
  <li>пункт 1</li>
  <li>пункт 1</li>
  <li>пункт 1</li>
  <li>пункт 1</li>
  <li>пункт 1</li>
  <li>пункт 1</li>
  <li>пункт 1</li>
  <li>пункт 1</li>
  <li>пункт 1</li>
  <li>пункт 1</li>
  <li>пункт 1</li>
  <li>пункт 1</li>
</ul>

→ Ссылка