0

Здравствуйте! Суть проблемы: есть большой блок, который должен автоматически увеличиваться в зависимости от кол-ва маленьких блоков внутри него. У маленьких блоков есть правило float: left.

Нужно чтобы блок .container увеличивался в длину, в зависимости от того, сколько там .block, сколько всего их будет неизвестно (не меньше одного).

Заранее большое спасибо!

HTML:

<div class="container">
   <div class="content">
      <div class="block"></div>
   </div>

   <div class="sidebar"></div>
</div>

CSS:

.container {
   width: 800px;
   height: auto;
}

.content {
   width: 600px;
   height: auto;
   min-height: 500px;
   float: left;
}

.sidebar {
   width: 200px;
   height: 350px;
   float: right;
}

.block {
   width: 600px;
   height: 150px;
}
3
  • у тебя же ширина ему прописана. он не будет растягиваться с шириной
    – heleg
    15 мар 2013 в 18:16
  • Надо чтобы растягивался в длину, а не ширину. Ширина статична.
    – psychoss
    15 мар 2013 в 18:19
  • Большое спасибо! Все работает.
    – psychoss
    15 мар 2013 в 18:21

1 ответ 1

1

overflow: hidden ему

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.