Question

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

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

我给的代码不多，简单。我有这个 screen 而我想要的是那个标志要进一步下降。没有垂直居中，只是向下移动，好像顶部：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>

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

1 个答案: