css - 右下は固定ですが、左上は同じ軸になります

Question

下と右に固定されたdivを作成したいのですが、上マージンと左マージンはブラウザから常に100pxになります! 私が知っているのは非常に奇妙ですが、私はそれを行うことができませんでした。多分それはjavascriptが必要ですか？それともcssで作れますか？

Answer 1

これが解決策です。必要なマージンに設定するleftだけです。top

jsフィドル

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/