У меня есть 2 div в нижнем колонтитуле, и я хочу, чтобы div 1 располагался в левой части экрана, а div 2 — в правой части экрана.
Div 1 имеет явную ширину 300 пикселей, тогда как div 2 содержит только список элементов, плавающих влево.
Когда страница сжимается, я хочу, чтобы div 2 опускался под div 1. Как это лучше всего сделать? Я плаваю влево? Размещать ли я div 1 над div 2 в коде? Даю ли я им обоим явную ширину?
Просто переместите левый div влево, а правый div вправо, и если содержащий div слишком сильно сожмется, он должен их сложить.
HTML -
<div id="parent">
<div id="left">Left</div>
<div id="right">Right</div>
</div>
CSS-
#parent {
width: 25px;
}
#left {
float: left;
}
#right {
float: right;
}
Проверьте этот jsfiddle - http://jsfiddle.net/LaqBm/
Вам нужно сделать плавающими оба элемента контейнера и задать им фиксированную ширину.
