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;
    }    
}