Question

我的网站上有一个页脚，我在这个页脚中有一些文字，我想在页面的右下角对齐。

页脚看起来像这样：

  <div class="container-fluid">
      <div class="row copyright-container col-md-10 col-md-offset-1">
        <div class="copyright">
          <p>&copy; Some Copyright Stuff 2011 - 2020</p>
        </div>
    </div>

我的SCSS看起来像这样

.copyright {
      bottom: 0;
      right:0;
    }

我只想在最右边的位置对齐。它有点做，但我的身体似乎没有延伸到页面的最后，但我不知道为什么。

我试图让我的身体达到100％的高度，但这也没有帮助（<body style="height:100%;">）。我为我的html尝试了同样的方法。

我的代码片段看起来像这样。正如你所看到的一切正常，但在我的电脑上，正文只是在页面的2/3处结束。为什么会这样？

＆＃13;

.copyright {
      position: absolute;
      bottom: 0;
      right:0;
 }
 
 .bg {
 background-color: black;
 }

＆＃13;

<html>
<body>

<div class="container-fluid">
    <div class="row copyright-container col-md-10 col-md-offset-1">
      <div class="copyright">
        <p> Some Copyright 2011 - 2020</p>
      </div>
  </div>
  </div>

</body>
</html>

＆＃13;

Answer 1

如果你使用col-md- *那么你应该添加col-sm- *和col-xs- *，所以如果你的屏幕很小，将适用合适的css。这可能是您的代码无法正常工作的原因之一。

COMMIT

或者你可以用纯css做这个，因为我添加了下面的代码，但是使用css而不是scss，因为浏览器并不了解scss（Nested code in scss/sass）。

＆＃13;

 <div class="copyright col-xs-2 col-xs-offset-10 col-sm-2 col-sm-offset-10 col-md-2 col-md-offset-10">
      <p>Some Copyright Stuff 2011 - 2020</p>
    </div>

＆＃13;

.copyright {
      position: absolute;
      bottom: 0;
      right:0;
 }

＆＃13;

正文没有延伸到页面的最后？

1 个答案: