为什么忽略左派?

时间:2013-04-16 16:50:05

标签: html css developer-tools

我在以下代码的页面上有徽标

<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显示此样式处于活动状态,但图像显示在距离浏览器窗口左侧零距离处。

为什么?

2 个答案:

答案 0 :(得分:8)

要使left, top, bottom, right值生效,必须定位该项目。

根据您的需要添加position: absoluteposition: relative

绝对将相对于它最接近的父母定位它。

相对将相对于自身定位。

答案 1 :(得分:1)

你可以选择位置:relative或将左边距设置为400px

position:relative;
left: 400px;

padding-left:400px