1

我正在尝试将 div 从页面顶部移到底部，但它不起作用。

这是 div 及其 CSS：

  <div class="slides">
    <?php include 'slides.php'; ?>
  </div>

.slides {
    width: 990px;
    height: 390px;
    margin-bottom: 15px;
}

我已经在 jfiddle 上获得了代码（无论如何，其中一些）：

http://jsfiddle.net/jerU7/

您可以在此处查看原始页面：

http://www.autotrafficinfo.com/

我需要将顶部的旋转横幅移动到页脚上方的底部。我将 div (class="slides") 移到了 html 的底部，但它仍然位于顶部。我意识到你可以让 div 做一些不明显的事情，但我不知道如何让这个下移。

在 jfiddle 上的代码中，您可以看到文本（“160 万的实时流量......”）位于顶部。事实上，旋转的图像出现在底部（尽管所有三个都出现在那里，而不是一次一个并旋转，因为没有连接 Java 脚本）。文字和横幅都应该在底部。

如何将 div (class="slides") 向下移动，使其位于页脚上方？

4

3 回答 3

1

CSS：

  .slides{
      top:97%; // Or designate the px location if you so desire
      width: 990px;
      height: 390px;
      margin-bottom: 15px;
  }
于 2013-04-02T18:06:40.587 回答
1

您的代码需要进行一些重组。

  1. #greenSmall将所有 div 从to包装到#green一个新的.contentdiv 中。
  2. float:left删除css 属性#green
  3. 将.slidesdiv 移动到 div 下方和.contentdiv 上方footer。
于 2013-04-02T18:16:26.923 回答
1

上述答案的代码几乎是正确的，但它错过了一个元素。要使“顶部”和“底部”起作用，元素必须绝对定位。所以，上面的代码会变成

.slides{
  position: absolute;      
  top:97%; // Or designate the px location if you so desire
  width: 990px;
  height: 390px;
  margin-bottom: 15px;

}

于 2015-02-05T15:55:32.557 回答