Как вытащить контент из под фиксированного блока?

Question

[Сергей]

На первом экране слева фиксированный блок, который идет до конца страницы. Справа - весь контент. Примерно так:


Надо что-то типо того:


Вся ширина макета 1440px, если что. Контент у меня в сетке bootstrap. При уменьшении экрана - контент заходит под этот фиксированный блок. Да и изначально, не надо чтобы под ним был контент.

Answer 1

[Антон Спирин]

Добавьте контейнеру с контентом правило margin-left, со значением равным ширине фиксированного элемента.

Answer 2

[DivineDraft]

<div class="fixed"></div>
<div class="content"></div>

.fixed {position:fixed;top:0;left:0;width:100px;background:red;}
.content {float:right;width:calc(100% - 100px);background:blue;}

Answer 3

[love_fishing]

не очень понял-что значит заходит под фиксированный блок. Если,как на картинке, то bootstrap так-то решает все

<div class="container">
<div class="row">
<div class="col-md-4">
твой код
</div>
<div class="col-md-8">
твой код
</div>
</div>
</div>

а для малых разрешений ставь правила на col-sm col-xs.....если я правильно тебя понял конечно.
Опять же вопрос-тянущийся сайт ддлолжен быть или не тянущийся..