div之后的内容具有绝对位置和自动高度

时间:2015-11-16 16:22:57

标签: css position

下午好!

我正在努力完成这项工作 - 我有一个<div> position: absoluteheight: 100%; min-height: 100%;,因此身高是自动的。我希望在此之后放置另一个<div>,但我不知道,我应该在margin-top使用多少%,或者哪种位置...... 这是我的代码,我很乐意为您提供建议!谢谢!

HTML:

<div id="content">

...text text text...

</div>


<div class="clr"></div>

<div id="copyright">
text text...
</div>

CSS:

#content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 100%;
background: url('bg_blue.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.clr {
  clear: both;
} 

 #copyright {
position: static;
margin: 0 auto;
width: 100%;
height: 200px;
background-color: black;
}

2 个答案:

答案 0 :(得分:1)

position: relative;float: left;

可以轻松实现

答案 1 :(得分:0)

我已使用viewBindingsNo provider for FriendsService

解决了这个问题