我在以下代码的页面上有徽标
<h1 class="site-title">
<a class="logo custom-logo" href="url" title="Go to Site">
<img alt="Site" height="136" src="url" width="298">
</a>
</h1>
我已将left
属性添加到logo
样式
.logo {
display: inline-block;
line-height: 1;
vertical-align: middle;
}
此
left: 400px;
但它被忽略了。 Chrome Developer tools
显示此样式处于活动状态,但图像显示在距离浏览器窗口左侧零距离处。
为什么?
答案 0 :(得分:8)
要使left, top, bottom, right
值生效,必须定位该项目。
根据您的需要添加position: absolute
或position: relative
。
绝对将相对于它最接近的父母定位它。
相对将相对于自身定位。
答案 1 :(得分:1)
你可以选择位置:relative或将左边距设置为400px
position:relative;
left: 400px;
或
padding-left:400px