2

次のコードのページにロゴがあります

<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;

しかし、それは無視されます。ChromeDeveloper toolsは、このスタイルがアクティブであることを示していますが、画像はブラウザ ウィンドウの左側からゼロ距離で表示されます。

なんで？

4

2 に答える 2

8

値を有効にするleft, top, bottom, rightには、アイテムを配置する必要があります。

必要に応じてposition: absoluteまたはを追加します。position: relative

Absolute は、最も近い位置にある親に対して相対的に配置します。

Relative は、それ自体に対して相対的に配置されます。

于 2013-04-16T16:52:33.543 に答える
1

position:relative を横に並べるか、左パディングを 400px に設定することができます

position:relative;
left: 400px;

また

padding-left:400px
于 2013-04-16T16:53:32.337 に答える