为什么忽略左派？

Question

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

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

为什么？

Answer 1

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

添加position: absolute或position: relative根据您的需要添加.

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

相对将相对于自身定位.