将图像放在div上方会将内容推送到其他位置

Question

我正在尝试将图像放在导航栏所在位置左侧网站div的顶部栏上方。 My Attempt

应该看Like this

我希望看起来Like this

我尝试过多种方法，例如将图像的div放在代码中的不同位置，以及更改div的css元素，但是所有内容似乎都将其他内容图像推到了网站上

Answer 1

添加此...

.photo {
    position: relative;
    top: 4px;
}

并将#container的边距更改为...

#container {
    margin-top: -1px;
}

Answer 2

你的css状况不是很好，但是，使用你的方法是如何做到的：

1. 从margin-top
中删除#container
2. 将vertical-align: top添加到img
内的#photo
3. 将top中的#extraDiv1更改为246px
4. 将top中的.horizontal更改为218px

我想应该这样做。