Question

我定义了这个CSS类并将其应用于一行文本，并希望将它放在页面的最底部，但事实并非如此。它漂浮在页面中间。怎么了？

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

HTML：

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

Answer 1

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

这将解决您的问题

Answer 2

如果您需要#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;
    }

Answer 3

我认为，您要做的是将文本粘贴到页面底部。所以CSS应该看起来像

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

但是没有更详细的描述，我不知道，如果这是你想要做的。

保证金不是用于的财产。也许看一下这里的描述：

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

CSS margin-bottom属性不起作用

3 个答案: