ruby-on-rails 未应用页脚CSS

4uqofj5v 于 2023-06-07 发布在 Ruby

关注(0)|答案(2)|浏览(180)

当我写这篇文章时，Hello这个词出现在我的页面顶部而不是底部：

<footer> Hello </footer>

下面是我的CSS文件的重要部分：

.footer{
    position:fixed;
    bottom:0;
    left:0;
    height:100px;
    background: black;
}

我真的不知道怎么了。我在Ruby on Rails下工作，我正在使用Pdfkit将我的html页面转换为pdf，但我认为这无关紧要。

2条答案

footer是html中的标签，而不是一个类

footer {
    position:fixed;
    bottom:0;
    left:0;
    height:100px;
    width: 100%;
    background: black;
}

在CSS中，将.footer替换为footer，它将工作，工作小提琴在这里
fiddle
只是为了你的澄清。
在html中，我们创建标签，其中一些标签具有像class和id这样的属性。下面展示了如何分配CSS。
如果class是属性，则使用.

<div class="new"/>
CSS would be 
.new{}

如果属性为id，则使用#

<div id="new"/>
CSS would be
#new{}

如果css直接在tag上，没有属性，直接使用tag。（这是你被卡住的地方）

<div/>
CSS would be
div{}

快乐编码！！！！