所以我有三个分区。一个容器和两个内部。我想做的事情是一种粘性页脚。
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 ,我将非常高兴。
谢谢大家的支持。
答案 0 :(得分:0)
根据您的需要,仅仅将div
与容器完全相关就足够了。例如:
.container {
position: relative;
}
.two {
position: absolute;
bottom: 0;
}
此处经过调整后的 fiddle 。