Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/55.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Can';无法使页脚正常工作(某些文本应该向右浮动,但它不会';t)_Css_Ruby On Rails_Twitter Bootstrap - Fatal编程技术网

Css Can';无法使页脚正常工作(某些文本应该向右浮动,但它不会';t)

Css Can';无法使页脚正常工作(某些文本应该向右浮动,但它不会';t),css,ruby-on-rails,twitter-bootstrap,Css,Ruby On Rails,Twitter Bootstrap,我正在使用Rails3.2和Ruby4。 我有以下页脚: <div class="container"> <footer class="footer"> <p class="pull-right"><a href="#">Back to top</a></p> <p class="pull-left">&copy; <%= Date.current.year %> Comp

我正在使用Rails3.2和Ruby4。 我有以下页脚:

<div class="container">
  <footer class="footer">
    <p class="pull-right"><a href="#">Back to top</a></p>
    <p class="pull-left">&copy; <%= Date.current.year %> Company, Inc. &middot; <a href="#">Privacy</a> &middot; <a href="#">Terms</a></p>
  </footer>
</div>
我基本上是在尝试将和中的引导程序页脚组合起来

问题:根据需要垂直调整页脚位置。在水平方向上,应向左浮动的位置也应正确。问题是,应该向右浮动的内容位于向左浮动的文本上,即“返回顶部”浮动在其他文本上


小问题:另外,当我不在中添加class=“footer”时,它不会实现页脚的CSS。

问题是CSS使
p
标记绝对位于
页脚内。去掉那个,它就工作了。此外,我会通过将这些行添加到
footer
标记来整理CSS,这将阻止页脚向右浮动

left: 0;
padding-left: 50px;
padding-right: 50px;
html{
位置:相对位置;
最小高度:100%;
}
.页脚{
位置:绝对位置;
底部:0;
宽度:100%;
高度:60px;
背景色:#F5;
左:0;
左侧填充:50px;
右边填充:50px;
}
.页脚p{
底部:0;
}
身体{
边缘底部:60px;
}

©;2015年公司和middot&米德多


谢谢,这确实解决了文本的浮动问题。但是,带页脚的栏现在不再居中。最初它覆盖了整个屏幕的宽度。它仍然是相同的大小,但位于屏幕的右侧。因此,在浏览器中,您需要向右滚动才能看到tect“返回顶部”。我也在我的项目中用你的消息中的代码进行了尝试,但结果相同。添加了一些额外的CSS来解决这个问题。
left: 0;
padding-left: 50px;
padding-right: 50px;