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 ему

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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