Html CSS帮助-使元素中的图像超出上边框

我目前正在使用PSD设计，其中一部分公司徽标位于标题元素上方，另一部分包含在标题元素中。徽标部分超出顶部边框

类似这样的东西：实心正方形是需要超出边界的徽标

我想知道以最容易接近的方式做这件事的最好方法是什么；我知道我可以将其全部分割为图像，但我更喜欢使用HTML元素来构建显示

---

提前干杯。

您可以在CSS中使用负边距将徽标向上推：

#logo { margin-top: -20px; }

---

您可以绝对定位它并直接设置坐标，如果需要，还可以保持它居中。下面是一个简单的例子：

#header { margin-top: 30px; width: 100%; height: 100px; position: relative; } #logo { left: 50%; margin-left: 100px; top: 10px; height: 50px; width: 50px; position: absolute; } #标题{ 边缘顶部：30px； 宽度：100%； 高度：100px； 位置：相对位置； } #标志{ 左：50%； 左边距：100px； 顶部：10px； 高度：50px； 宽度：50px； 位置：绝对位置； }

---

您可以将左边距设置为任意值，以将其定位到距中心的距离。只要#logo的“top”小于#header的“margin top”，它就会位于header的上方。

你根本没有解释你的html设置，所以我只能提出非常广泛的建议，很难知道哪个更合适

margin-top: -30px;

或者：

position: relative;  
top: -30px;

---

边框是实际的html边框还是背景图像。询问主要是因为图像模型具有非方角