Css Can';无法使页脚正常工作(某些文本应该向右浮动,但它不会';t)
我正在使用Rails3.2和Ruby4。 我有以下页脚: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">© <%= Date.current.year %> Comp
<div class="container">
<footer class="footer">
<p class="pull-right"><a href="#">Back to top</a></p>
<p class="pull-left">© <%= Date.current.year %> Company, Inc. · <a href="#">Privacy</a> · <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;