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

我正试图在我的网站导航栏左侧的div顶栏上方放置一个图像

它应该看起来

我希望它看起来像

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

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

并将#container上的边距更改为

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

---

您的css不是很好，但是，使用您的方法，下面是如何做到这一点：

从

#容器

将

vertical align:top

添加到

img

内部

#photo

将

#extraDiv1

中的

顶部更改为
246px

将

水平
中的
顶部
更改为
218px

---

我想应该这样做。

效果很好，但是有没有办法消除图片底部和div边框之间的间隙，使其像导航栏一样位于其顶部@音节3移动

行高：150%属性从您的身体到UL，或添加
行高：100%
到photo div.my css上面将照片向下移动4px，这对您不起作用？