Html 如何在父元素之外增加子元素的宽度

我正试图得到这样的东西：

但我得到的是

（我不是想模仿他，显然我会改变形象，等等）

---

由于父容器（侧边栏）的宽度小于图像的宽度，边框正在被剪切。我经常谷歌，但我发现的只是

overflow:visual

，不知怎么说它仍然不起作用。以下是示例。

尝试将负值指定给所需元素的边距（例如，

{margin left:-20px}

）

不要忘记从父元素中删除overflow属性。

分两个简单步骤：

移除

溢出：隐藏来自
.sidebar.widget

在

.sidebar h2

的两侧添加负边距，以弥补宽度差异

---

根据您问题的要求：您可以反向应用边距值，例如

左边距：15px并给出
位置：相对并且您可能需要定义您的样式
float:left也是

但是，或者，您可以定义大于内容的父元素，例如，您的内容宽200像素，左右图像宽15像素+15像素=30像素，然后，父元素的宽度应为230像素，现在通过为所有三个图像的左侧提供浮动值来排列元素，并将内容宽度定义为200像素，并将其居中，同时提供
边距：0自动以完成您的工作。
实际上我已经按ctrl+f键并将溢出：放在所有地方可见，并删除了溢出：隐藏在.sidebar中，因此.sidebar.widget被忽略了。非常感谢