2015-03-02 2 views
0

Этот вопрос, вероятно, довольно распространен, так как я читал ответы здесь последние 3 часа. и все же, никакого успеха.100% высота делает переполнение div

У меня есть родительский html, который занимает 100% высоты страницы. тело занимает также 100% страницы. В элементе тела у меня есть 3 divs. у меня есть 3-й и последний, чтобы оставить остальную часть страницы и не оставлять пробелов после нее (что она делает сейчас).

опробовал height: 100%; на последнем div и overflow: hidden; на элемент кузова. это просто перетаскивает мою страницу и удаляет полосу прокрутки (но веб-сайт по-прежнему прокручивает O_O).

помогите пожалуйста.

редактирование: кажется, что сам вопрос не ясен. Я хочу, чтобы последний div оставил остальную часть высоты страницы до конца.

#div1{ 
    max-height: 150px; 
} 
#div2{ 
    max-height: 150px; 
} 
    #div3{ 
    padding: 10px 0; 
    margin: 0; 
    height: 100%; 
} 

все вложенные внутри элемента тела, который вложен внутри элемента html.

У меня также есть скрытая информация, которая требуется, чтобы показывать, когда я нажимаю .. так что мне нужна страница для страйки, если на страницу добавлена ​​дополнительная информация (скрытие переполнения всего документа будет проблемой чем)

+0

чем вопрос? – FeedTheWeb

+1

Это поможет, если вы можете разместить свой код здесь или на jsFilddle. –

ответ

2

Может попробовать этот код:

<body> 
    <div id="container" style="height: 100%"; overflow="hidden"> 
     <div> 
      asas 
     </div> 
     <div> 
      sdsd 
     </div> 
     <div> 
      wewe 
     </div> 
    </div> 
</body> 
+0

не работает. он не позволяет постраничной странице отображать другой контент (например, если я добавляю текст), но он не мешает последнему div отстраниться от страницы, когда нет текста. так что основное, что делает все точно противоположное тому, что я прошу –

+0

ahaha, извините. Позвольте мне попробовать и повторить это решение. – Sachin

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