Html 如何在RubyonRails中浮动图像标记?

Html 如何在RubyonRails中浮动图像标记?,html,css,ruby-on-rails,Html,Css,Ruby On Rails,我想将logo.png浮动到左侧,但它不起作用。以下是我的Rails代码: 普拉格图书在线商店 正确%> 正确%> 当然,这只是一个近似值,您需要进行调整,但看看是如何完成的,并根据需要进行更改。图像标记有一个默认的显示样式,即内联,它不会浮动。您应该将样式表中的显示更改为块。另外,将其位置样式设置为相对,以允许在#横幅div内“推送”块: #banner { background: #9c9; padding: 10px; border-bottom: 2px sol

我想将logo.png浮动到左侧,但它不起作用。以下是我的Rails代码:


普拉格图书在线商店
正确%>
正确%>

当然,这只是一个近似值,您需要进行调整,但看看是如何完成的,并根据需要进行更改。图像标记有一个默认的
显示
样式,即
内联
,它不会浮动。您应该将样式表中的
显示
更改为
。另外,将其
位置
样式设置为
相对
,以允许在
#横幅
div内“推送”块:

#banner {
    background: #9c9;
    padding: 10px;
    border-bottom: 2px solid;
    font: small-caps 40px/40px "Times New Roman", serif;
    color: #282;
    text-align:  center;
    img {
        display: block;
        position: relative;
        float: left;
    }
}

希望这对你有用

这与Ruby没有任何关系,我也不认为它与RubyonRails没有任何关系。它是纯CSS。完美。非常感谢!对不起,您还应该添加
位置:相对
,这样
img
就可以在包含
#横幅
的div中自由浮动
。我将编辑我的答案。
#banner {
    background: #9c9;
    padding: 10px;
    border-bottom: 2px solid;
    font: small-caps 40px/40px "Times New Roman", serif;
    color: #282;
    text-align:  center;
    img {
        display: block;
        position: relative;
        float: left;
    }
}