固定在右下方但左上方将在同一轴上

Question

我想制作一个固定在底部和右边的div，但是上边距和左边距始终是浏览器的100px！我知道这很奇怪，但我可以做到。也许它需要一个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/