2016-02-03 4 views
-3

Я определил этот класс CSS и применил его к строке текста и хочу, чтобы он был помещен в самую нижнюю часть страницы, но это не так. Он плавает в середине страницы. Что случилось с ?Свойство margin-bottom CSS не работает

#bottom {   
    margin: auto; 
    margin-bottom:0px; 
} 

HTML:

<div id="bottom"> 
    <a href="/bword/index.jsf;jsessionid=fc87GyPawnkaIWb_y6ig9Zsmo9aa9wbaizVNFAE7.localhost">Privacy policy</a>  
</div> 
+0

Где HTML? –

+0

определяется во внешнем файле CSS. – ling

+0

Это прекрасно, но CSS не имеет смысла сам по себе. Он принимает только значение в контексте HTML-файла, который визуализируется. На ваш вопрос нельзя ответить без просмотра HTML-кода, который вы хотите отобразить. –

ответ

1

Если вам нужно #bottom оставаться в нижней части страницы, затем

http://jsfiddle.net/lotusgodkk/GCu2D/1068/

CSS:

#bottom { 
    position: absolute; 
    top: 100%; 
} 

html, 
body { 
    height: 100%; 
    width: 100%; 
    margin: 0; 
} 

или, если вам нужно в нижней части окна просмотра /экран, затем: http://jsfiddle.net/lotusgodkk/GCu2D/1069/

CSS

#bottom { 
     position: fixed; 
     bottom: 0; 
    } 

    html, 
    body { 
     height: 100%; 
     width: 100%; 
     margin: 0; 
    } 
+0

Отлично, спасибо. – ling

0

Я думаю, что вы хотите сделать, это вставить текст в нижней части страницы. Так CSS должен выглядеть

#bottom { position:fixed; bottom: 0px; } 

Но без более подробного описания, я не могу знать, если это то, что вы хотите сделать.

Margin не является собственностью для использования. Может быть, посмотрите в описание здесь:

http://www.w3schools.com/css/css_margin.asp

1
#bottom { 
    bottom: 0; 
    left: 0; 
    position: fixed; 
    right: 0; 
    text-align: left; 
} 

это будет решить вашу проблему

+0

Это действительно работает, за исключением того, что я перешел на «text-align: center». Зачем мне нужны «left: 0» и «right: 0»? – ling

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