以div居中對齊圖像的寬度，設置高度

Question

我搜索並搜索，但它沒有彈出。我有一個固定的側邊欄粘貼到視圖端口的左側，並將頁面從頂部填充到底部。所以一個側邊欄。我有一個標誌我想放在寬度的中間，但我不希望它錨定到邊欄的頂部。當我嘗試使用position：fixed和top：100px時，它沿着邊欄移動並錨定在屏幕的左側。繼承人我有什麼：我

#logo { 
    border: none; 
    display: block; 
    margin: 0 auto; 
} 

孤單沒有太多的代碼給，其簡單。我有這個 screen 和我想要的是該標誌進一步下降。不是垂直居中，只是向下移動，就好像top：200px;應用

Answer 1

您提供的信息有點含糊，特別是在代碼上。所以，這是我最好的猜測，你在找什麼。

http://jsfiddle.net/tynmy/

CSS

html, body { 
    margin: 0; 
    height: 100%; 
} 
.left, .right { 
    float: left; 
    min-height: 100%; 
} 
.left { 
    background-color: green; 
    width: 33.33333%; 
} 
.right { 
    background-color: blue; 
    width: 66.66666%; 
} 
.left > img { 
    display: block; 
    width: 200px; 
    margin: 100px auto 0; 
} 

HTML

<div class="left"> 
    <img src="http://lorempixel.com/200/150/" /> 
</div> 
<div class="right"> 
</div>