爲什麼忽略左側樣式？

我頁面上的標誌下面的代碼爲什麼忽略左側樣式？

<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

爲什麼忽略左側樣式？

回答

相關問題