Question

因为标题表明我有一个定位于绝对位且具有bottom:0;的div但它仍然不会一直向下。正如你在这里看到的那样http://imgur.com/a/pZrew页脚高度为65％并且看起来很好，直到你缩小尺寸然后它不会延伸。

基本上我要问的是如何让它始终保持在屏幕的底部，但页面顶部只有65％。

div.bg{
  position:absolute;
  margin:0 auto;
  display:block;
  text-align:center;
  left:0;
  bottom:0;
  width:100%;
  height:65%;
  background-color:rgba(0,0,0,0.65);
}

<div class="bg">
  <div class="game bf4"><div class="gametext"><p class="gametext">Battlefield 4</p></div></div>
  <div class="game bf1"><div class="gametext"><p class="gametext">Battlefield 1</p></div></div>
  <div class="game rl"><div class="gametext"><p class="gametext">Rocket League</p></div></div>
</div>

Answer 1

如果您想在滚动页面时将div修复到底部，只需将其位置更改为fixed：

div.bg {
  position:fixed;
  ...
}

如果你的孩子div高得多，试试这个：

div.bg {
  position: absolute;
  display: table; /*display:block;*/
  top:35%; /* instead of height:65%; */
  ...
}

.game{ 
  display: table-row;
  ...
}

Answer 2

你可以试试这个

div.bg {
  position:fixed;
  bottom:0;
  right:0;
  left:0;
  height:40vh;
}

Answer 3

$(document).ready(function(){ $('.contentGruop li').hide(); $(document).on({ mouseenter: function () { $('.contentGruop li').show(); }, mouseleave: function () { $('.contentGruop li').hide(); } }, ".AGreen"); });需要一个元素来将位置属性position: absolute;，top，right和bottom相关联。它将与定位的第一个（“最接近的”）祖先元素相关，这意味着它没有left，这是任何块级元素的默认值。如果它没有任何定位的祖先元素，则它与position: static;。

如果我滚动，Div不会粘在页面底部

3 个答案: