为什么忽略左侧样式？

我页面上的标志下面的代码为什么忽略左侧样式？

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

为什么？

来源

2013-04-16 Suzan Cioc

因为它仍然是在该文件的流，将其设置为'位置：亲戚;'如果你想让它遵守左边的话 – Andy

为使left, top, bottom, right的值生效，必须定位该项目。根据您的需要添加position: absolute或position: relative。

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

相对位置会相对于自身。

来源

2013-04-16 16:52:33 idrumgood

可以任一侧上的位置：相对或设置左填充为400像素

position:relative; 
left: 400px;

或

padding-left:400px

来源

2013-04-16 16:53:32

为什么忽略左侧样式？

回答

相关问题