CSS макет с фиксированной левой колонкой и правой колонкой? - PullRequest
Новая
       2

CSS макет с фиксированной левой колонкой и правой колонкой?

7 голосов
/ 23 ноября 2011

Есть ли надежное кросс-браузерное решение для фиксированных и текучих колонок CSS?Мне нужно, чтобы один столбец был зафиксирован с левой стороны, а другой столбец - жидким с правой стороны.

Ниже приведен фрагмент моего кода - .promoImg и .promoContent плавают рядом друг с другом,#recommends - это 90% ширины браузера, .promoImg необходимо зафиксировать на 120px, и я бы хотел, чтобы .promoContent растягивал жидкость. 

<div class="promoBlock ">
    <div class="promoImg">
        fixed content 300px
    </div>
    <div class="promoContent">
        fluid content
    </div>   
</div>

1 Ответ

18 голосов
/ 23 ноября 2011 
.promoBlock { width:90%; margin:auto; } 
.promoImg { width:300px; float:left; background-color:red; }
.promoContent { margin-left:300px; background-color:green; }

Код: http://jsfiddle.net/P4RBj/

PS: не получен Промоблок должен быть установлен на 120px .Если это так, ваш внутренний div будет шире (300 пикселей).

...