html - 屏幕左右两侧的单独页脚

Question

我的页脚有一个 div，它是绝对定位的。当屏幕宽度低于 800 像素时，我想要 <div> 的最后两个链接。显示在屏幕右侧 right: 2em .

我怎样才能做到这一点？

<div class="footer">©Example| <a id="imprint">Imprint</a> | <a href="#" >AGB</a> |<a href="#">Privacy</a> | <a href="#">Feedback</a></div>

这是 CSS:

.footer {
    position: absolute;
    left: 2em;
    bottom: 2em;
}

Answer 1

你只需要做一个媒体查询，这样当低于 800px 时，右边的就会向右浮动；

@media screen and (max-width:800px) {
    .right {
        float:right;
        margin-left:4px;
    }    
}

这是一个例子:https://jsfiddle.net/ms90pncr/