html - 我如何从他的 div 容器中制作一个 div？

Question

所以我有三个 Div。一个容器和两个内部。我想做的是一种粘性页脚。
HTML:

<div class="container">
    <div class="one"></div>
    <div class="two"></div>   
</div>

CSS:

.container{
    width:500px;
    height:500px;
    background:green;
}

.one{
    width:100%;
    height:50px;
    background:blue;
}

.two{
    width:100%;
    height:50px;
    background:red;
}

我知道这可能是一个菜鸟问题，但我是来学习的，但我没有找到答案。

这是一个 JSFIDDLE:http://jsfiddle.net/oz0amshe/

如果有人能告诉我如何让 .two 远离 .container 我会很高兴。

感谢大家的支持。

Answer 1

根据您的需要，简单地相对于容器绝对定位 div 可能就足够了。例如:

.container {
  position: relative;
}
.two {
  position: absolute;
  bottom: 0;
}

这里是您调整后的 fiddle 。