Имеется следующее:
<div style="float: left; background-color: #eee;">Блок 1</div>
<div style="background-color: #ccc; padding-left: 20px;">Блок 2</div>
Нужно, чтобы содержимое второго блока имело отступ слева, но padding-left по странному стечению обстоятельств не работает. Как исправить и в чем подвох?
<div style="background-color: #ccc; padding-left: 20px; float: left;">Блок 2</div>
float
. Когда Вы задаетеfloat: left;
элемент позиционируется как обычно, а затем вынимается из потока и сдвигается влево. Другие непозиционированные блочные элементы безfloat
ведут себя так, как будто элемента сfloat
нет, так как он убран из потока.