отображать высоту div в соответствии с высотой другого div

0

Я сделал этот образец на jsFiddle.

Я не хочу, чтобы Div B выходил из div A. Для этого overflow:hidden свойство не работает, потому что div B находится внутри div A, но из-за z-индекса и абсолютного позиционирования не ведет себя как дочерний элемент div A Проблема заключается в том, что div A настраивается на контент. И мне нужно сделать \show div B не из Div A.

Какие-либо предложения???

ps, я мог бы использовать javascript или серверный код \script для настройки высоты B, но не существует другого решения.

Теги:

2 ответа

2
Лучший ответ

Вы забыли поставить позицию относительно вашего родительского div.

.aaa
{
    float: left;    
    width: 950px;
    background: none repeat scroll 0% 0% rgba(0, 255, 0, 0.7);
    overflow: hidden;
    position:relative;
} 

Абсолютная позиция не будет работать, если родительский div не находится в относительном положении

  • 0
    [Примечание], использующее bottom: 0 вместо height: 100% в классе .bbb также работает. (положение хранения: относительно родительского контейнера, как указано в приведенном выше решении)
0
$(document).ready(function(){
    $(".aaa").height($(".bbb").height()+38);
});

поместите этот код и включите jquery в свой проект. В этом случае вы не управляете высотой b div. но вы управляете div.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню