Вопросы Теги

Как прикрепить текст к концу страницы?

Я хотел бы поместить строку "Все права защищены..." внизу страницы. Я пытался использовать абсолютное расположение, но это не работает как ожидалось, когда окно изменило размер к меньшей высоте.

Как я могу достигнуть этой простой цели?

20
задан Wilfred Hughes 26 June 2017 в 23:01
поделиться

3 ответа

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

<div style="position: relative;background-color: blue; width: 600px; height: 800px;">    

    <div style="position: absolute; bottom: 5px; background-color: green">
    TEST (C) 2010
    </div>
</div>
25
ответ дан 29 November 2019 в 23:00
поделиться

Try:

.bottom {
    position: fixed;
    bottom: 0;
}
23
ответ дан 29 November 2019 в 23:00
поделиться

Попробуйте это

 <head>
 <style type ="text/css" >
   .footer{ 
       position: fixed;     
       text-align: center;    
       bottom: 0px; 
       width: 100%;
   }  
</style>
</head>
<body>
    <div class="footer">All Rights Reserved</div>
</body>
9
ответ дан 29 November 2019 в 23:00
поделиться