CSS-позиция исправлена;я хочу, чтобы он был в самом низу, а тело было чуть выше - PullRequest
Новая
       0

CSS-позиция исправлена;я хочу, чтобы он был в самом низу, а тело было чуть выше

0 голосов
/ 03 мая 2011

Я поместил div внизу, но последняя часть тела исчезла. Как это исправить? Спасибо: D 

    #fixed {
    position: fixed;
    width:100%;
    top: 95%;
    height:2em;
    left: 0px;
    display:block;
    color: #F0F8FF;
    background-color:#00008B;
    }
    <body>
    <div id="fixed">
    Login Login
    </div>
    <dv id="content-box">
    <p>KAKAK</p>
    <p>KAKAK</p><p>KAKAK</p>
    <p>KAKAK</p>
    <p>KAKAK1</p>
    <p>KAKAK2</p>
    </div>
    </body>

Ответы [ 2 ]

3 голосов
/ 03 мая 2011

Добавьте нижний отступ к телу, равному высоте div. 

body{
    padding-bottom:2em;
}

, но вы также должны изменить в своем коде значение top: 95%; на bottom:0; в правиле #fixed,потому что высота неизвестна, поэтому оставшиеся 5% могут быть меньше, чем 2em высота div ( это заставляет div перемещаться за пределы тела .. ).

демо на http://jsfiddle.net/gaby/cvxtk/1/

0 голосов
/ 03 мая 2011

Вы хотите поместить фиксированный div внизу, например: 

<body>
    <body>
    <div id="content-box">
    <p>KAKAK</p>
    <p>KAKAK1</p>
    <p>KAKAK2</p>
    </div>
        <div id="fixed">
    Login Login
    </div>

    </body>
</body>
</html>

Добавьте информацию CSS для div содержимого, чтобы она выглядела примерно так: 

#fixed {
position: fixed;
width:100%;
top: 95%;
height:2em;
left: 0px;
display:block;
color: #F0F8FF;
background-color:#00008B;
}

#content-box {
padding-bottom: 20em;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...