Гибкий фиксированный div - нужно прикрепить еще один div к низу

0

div A является гибким и фиксированным (в верхней части окна) с высоким индексом z, так что нижеуказанные элементы могут проходить под свитком.

div B сидит под div A, и я хотел бы, чтобы он "прилегал" к нижней части div A, когда высота сгибается, когда изменяется размер окна. Другими словами, разница между A и B остается неизменной.

Я боюсь, что я передумал это, и решение прост, но я не вижу его.

HTML-код

<div id="A">
    some content
</div>

<div id="B">
    some content
</div>

CSS

#A {
position: fixed;
z-index: 200;
width: 100%;
}

#B {
position: relative;
z-index: 100;
width: 100%;
}
  • 0
    ты не можешь положить B в A?
Теги:

2 ответа

0

Я бы положил B в и сделал это

http://jsfiddle.net/NicoO/CAF3q/2/

CSS:

#a
{
    position: fixed;
    left:0;
    right:0;
    height: 200px;
    top:0;
    overflow: hidden;
    background-color: gray;
}

#b
{
    overflow: hidden;
    background-color: gold;
    position: absolute;
    bottom:0;
    left:0;
    right:0;

}

HTML:

<div id="a">
    <p>Content of what ever type...</p>
    <p>Content of what ever type...</p>
    <div id="b">
        <p>Everyone is pushing me down 8(</p>
    </div>
</div>
Поделиться
  • 0
    Я сломал это 10 различными способами с воскресенья - jsfiddle.net/CAF3q/3
  • 0
    что вы имеете в виду. Понимаю. Нет проблем: jsfiddle.net/NicoO/CAF3q/4
Показать ещё 7 комментариев
0 
a {
  position:fixed;
}

b {
  position:absolute;
  bottom:0;
}

я думаю, что это сработает, но не знает, как он реагирует с фиксированным, а не с относительным "а"

Поделиться
  • 0
    Я не могу установить B на дно: 0; так как мне нужно, чтобы верх B прилипал к низу A.

Ещё вопросы

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