высота не идет на 100%

У меня есть два раздела, результаты слева и справа справа находятся в контейнере html> wrapper>.высота не идет на 100%

Теперь высоты обоих из них не являются исправлениями и хотели бы, чтобы они растянулись до 100% в зависимости от их содержимого. В некоторых случаях результаты более длинные, чем основной, и наоборот. Я использовал 100% -ную высоту, но он просто не работает. Пожалуйста помоги!

html, body { 
margin: 0; 
padding: 0; 
height: 100%; 
} 

#wrapper { 
min-height: 100%; 
position: relative; 
width: 100%; 
} 

#container { 
width: 1007px; 
padding: 130px 0 0 0; 
display: block; 
} 

.results { 
width: 383px; 
float: left; 
background: 
#fff; 
display: block; 
-webkit-box-shadow: -2px 0px 8px -6px #000; 
-moz-box-shadow: -2px 0px 8px -6px #000; 
box-shadow: -2px 0px 8px -6px #000; 
padding-bottom: 60px; 
} 

.main { 
width: 606px; 
float: left; 
padding: 15px 0 0 16px; 
position: relative; 
background: url(images/pattern.png) repeat; 
height: 100%; 
bottom: 0px; 
} 

<html lang="en> 
    <head></head> 
    <body> 
    <div id="wrapper"> 
     <div id="container" class="clear fix"> 
      <section class="results"> 
      </section> 
      <section class="main"> 
      </section> 
     </div> 
    </div> 
    </body> 
    </html>

источник

2013-04-09 user1038814

Опубликуйте свой HTML. – dfsq

Итак, вы хотите, чтобы два столбца были одного размера? Если да, попробуйте добавить 'overflow: auto' в' # Wrapper' – Justin

Попробуйте использовать «абсолютный» вместо «относительного» в атрибуте позиции. Я здесь и работал.

Например:

.main { 
width: 606px; 
float: left; 
padding: 15px 0 0 16px; 
position: absolute; 
background: url(images/pattern.png) repeat; 
height: 100%; 
bottom: 0px; 
}

Объятия, Виниций.

источник

2013-04-09 17:54:59

Привет, Vinicus, спасибо, но если я это сделаю, основной раздел находится поверх раздела результатов :( – user1038814

Честно говоря, я не знаю если существует способ «форсировать» свойство высоты таким образом. Почему вы можете делать 100% div? Попробуйте просмотреть свой дизайн страницы, чтобы лучше подобрать элементы, вероятно. Итак, удачи. hugs =) –

Во многих случаях проблема возникает, когда утверждается, что высота должна быть 100%, но вам нужно задать вопрос «100% чего?». Этот ответ является родителем этого элемента, поэтому следующий вопрос: «Какова высота родителя?». Если у вас нет высоты, установленной родительской, то 100% ничего не будет.

источник

2013-04-09 17:57:21 Rob

высота не идет на 100%

ответ

Смежные вопросы