html - 如何在CSS中将div对齐到左下角

Question

我想在浏览器窗口的左下角做一个消息框。我希望 div 保持在左下角。所以如果我把浏览器变小它就不会消失。这是 jsfiddle我正在与。但它不起作用。如何在 css 中完成？这是我的 CSS 代码:

#lowerleft
{
    margin-bottom: 1px;
    margin-left : 1px;
    width: 200px;
    height: 200px;
    background-color: red;
    color: green;
}

Answer 1

看位置；在这种情况下位置:固定；底部:0； https://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/

#lowerleft
{
    margin-bottom: 1px;
    margin-left : 1px;
    width: 200px;
    height: 200px;
    background-color: red;
    color: green;
    position: fixed;
    bottom: 0;
}

<div id="lowerleft">
    I am stuck to lower left border of browser. And I am stuck at the top of lower boundary of te browser.
</diV>