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

Question

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

它应该看起来像这样

我希望它看起来像这样

我尝试了多种方法，例如将图像的 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_#extraDiv1246px
4. 更改为top_.horizontal218px

我想应该这样做。