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