css - 固定右下角但左上角将在同一轴上

Question

我想制作一个固定在底部和右侧的 div，但上边距和左边距始终是浏览器的 100 像素！我知道这很奇怪，但我做不到。也许它需要一个javascript？或者我可以用css做吗？

Answer 1

这是一个解决方案，只需设置left并设置top到您需要的边距。

jsFiddle

JS

<div class="fixed"></div>

CSS

.fixed {
    position:fixed;
    left:100px;
    top:100px;
    right:0;
    bottom:0;
    background-color:#F00;
}

Answer 2

媒体查询。学会使用并爱上它们。

@media all and (max-width: 600px) {
    div {
        left: 0;
        margin-left: 100px;
    }
}
@media all and (max-height: 300px) {
    div {
        top: 0;
        margin-top: 100px;
    }
}

http://jsfiddle.net/L35cE/