2016-02-15 2 views
-1

У меня есть 2 div. Первый DIV имеет вид:Как правильно позиционировать divs?

.div1 { 
    display:table; 
    clear:both; 
} 

Второй DIV имеет вид:

.div2 { 
    position:absolute; 
} 

HTML:

<div class="div1"> 
    <div class="div2"> 
    </div> 
</div> 

Вопрос заключается в том: Как я могу сделать второй div остается после первого div, считая, что первая высота div изменяется в соответствии со статьей. Html должен оставаться неизменным.

enter image description here

+0

Не используйте позиционирование? –

+1

после первого div означает, что вы хотите его покинуть первый div или внутри первого div? – pritesh

+0

Почему вы отображаете 'div1' в качестве таблицы и очищаете его? Плакатов нет, и это не похоже на табличный макет. – Oriol

ответ

0

Я немного запутался о вопросе, но если вы спрашиваете, что я думаю, что вы просите, попробуйте добавить position: absolute; к вашим див1 и регулировке высоты Div 2, чтобы быть равна высоте страницы минус высота div 1. Вы можете сделать это немного проще, используя это: https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables

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