固定底部右側，但左上方將位於同一軸線

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/