Как мы можем сделать контейнер рядом с фиксированной левой навигационной панелью отзывчивым?

Question

Я пытаюсь реализовать пользовательский интерфейс, где панель навигации на LHS исправлена, а окно контента реагирует . Ниже моя реализация:

<div style="width: 15%; float: left; display: inline;>
  <nav class="navbar navbar-inverse navbar-left" style="">
    NAVIGATION CONTENT HERE (FIXED)
  </nav>
 </div>
 <div style="width: 85%; float: right; display: inline;">
    DESIRED RESPONSIVE CONTENT HERE
 </div>

как этого достичь?

Я попытался использовать классы начальной загрузки, добавив контейнер сверху и добавив классы столбцов в оба элемента div. Div справа перекрывает панель навигации при уменьшении размера окна браузера.

Answer 1

использовал следующий способ исправить мою боковую панель навигации:

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_sidenav_fixed

1. исправлена ​​навигационная панель с шириной 15%.
2. добавлены классы начальной загрузки к содержимому в RHS.

Answer 2

Вы уверены, что хотите реализовать такой дизайн? Левая боковая панель с фиксированной шириной и содержимое с переменной шириной? Было бы намного проще и быстрее использовать систему сетки таблиц начальной загрузки. Не говоря уже о том, что он будет автоматически работать на всех устройствах и разрешении, тогда как ваш дизайн будет иметь смысл только для некоторых конкретных разрешений.