-1

我想要这部分（演示在这里）

<div class="row">
     <div class="hundred">Hello</div>
</div>

一直在底部。

我已经尝试过清除，唯一有效的是margin-top500px+ 的疯狂 px 数量。否则它甚至不会动。有人可以解释为什么会这样吗？

编辑：在代码中，我需要帮助的部分是这个

 <div class="row" style="position: relative; margin-top: 625px">
       <div class="hundred">Hello</div>
    </div>

如果你拿出margin-top: 625pxdiv 上升 - 我如何让它保持margin-top如此疯狂的数量？

我不是在寻找页脚的家伙 - 这些框有另一个目的 - 我只想制作另一行 - 没有底部与前一行重叠。

4

4 回答 4

0

您可以简单地将 clear:both 和 overflow:hidden 添加到 .row 选择器。如果你想要它在底部，那么你必须使用 position:absolute; 底部：0

于 2013-07-08T03:50:10.997 回答
0

这是一个难题，因为没有“底”之类的东西。网页无限高。

唯一可靠的方法是使用 JavaScript，这很困难，尤其是在触摸屏浏览器上。

相反，您应该尝试设计您的页面，这样您就不需要在屏幕底部放置一些东西。

于 2013-07-08T03:48:19.800 回答
0

您可以通过将内容和底部部分包装成两个 div 来简单地做到这一点，例如

html

  <div id="wrap">
    <div class="container">    
      <div class="row">
        <div class="hundred"></div>
      </div>
    </div>     
  </div>
  <div id="bottom">
    <div class="container">
      <div class="row">
        <div class="hundred">Hello</div>
      </div>
    </div>
  </div>

css (修改)

html {
    height:100%;
}
body {
    color: white;
    text-align: center;
    height: 100%;
}
#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -150px;
}

演示

希望这可以帮助

于 2013-07-08T04:35:04.453 回答
0

下面css将始终将页脚保持在底部。在您的情况下，增加container.

工作的原因margin-top是您超出了指定的高度。

<div class="row" id="footer">
       <div class="hundred">Hello</div>
</div>

为方便起见，我使用了id选择器。

#footer {
    position: absolute;
    bottom: 0;
    width:100%;
}

更新了 JSBin 中的小提琴以供参考。希望你能理解。

于 2013-07-08T04:01:20.007 回答