css - 将 div 中的图像与居中宽度对齐，设置高度

Question

我搜索和搜索，但它没有弹出。我有一个侧边栏固定在视口的左侧并从上到下填充页面。所以一个侧边栏。我有一个徽标，我想放在宽度的中间，但我不希望它固定在侧边栏的顶部。当我尝试使用 position:fixed 和 top:100px 时，它会向下移动到侧边栏并固定在屏幕的左侧。这是我所拥有的：

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

我没有太多代码可以给出，它很简单。我有这个 屏幕 ，我想要的只是那个标志再往下。不是垂直居中，只是向下移动，好像 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>