如何从他的div容器中删除div?

时间:2015-04-04 12:26:24

标签: html css

所以我有三个分区。一个容器和两个内部。我想做的事情是一种粘性页脚。
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 ,我将非常高兴。

谢谢大家的支持。

1 个答案:

答案 0 :(得分:0)

根据您的需要,仅仅将div与容器完全相关就足够了。例如:

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

此处经过调整后的 fiddle