2 дива рядом-один фикс другойрезиновый

by Nat_Lilit

HTML

<body>
<div id="content">
    <div id="fixed">
        1
    </div>
    <div id="elastic">
       Программа обучения и подготовки телохранителей и сотрудников личной охраны включает в себя лекции по теории обеспечения личной безопасности и практические занятия применения навыков телохранителей в сложной оперативной обстановке.Более 15 лет преподавательский состав отрабатывает методики преподавания с учетом изменения оперативной обстановки в регионах России и новых методик, используемых за рубежом.Курсы подготовки телохранителей основаны на лучших традициях 9 Управления КГБ СССР. Наставники и преподаватели имеют личный опыт работы в системе обеспечения личной безопасности. Теоретические занятия повышают уровень знаний действующих телохранителей.Современная теория обеспечения личной безопасности включает в себя понимание стратегии и тактики работы группы личной охраны, аналитического и руководящего отдела. Практические занятия проводят преподаватели, имеющие собственных личный опыт работы в группах личной охраны.Тренировки телохранителей включают в себя отработку необходимых навыков при отражении нападения на охраняемый объект в сложной оперативной обстановке. Методики тестирования позволяют выдавать руководству отделов объективные данные на слушателей, с рекомендациями по занимаемым должностям и направлениями профессионального совершенствования. 
    </div>
</div>
</body>

CSS

#content
{
    width:100%;
    background-color: black;
    position:relative;
}
#elastic
{
    width:100%;
    height:300px;
    background-color: yellow;
    margin-left: 150px;
overflow-y: scroll;
font-size: 3vm;
}
#fixed
{
    position: absolute;
    left:0;
    width:150px;
    height:100%;
    background-color: green;
     
}