如何增加子元素的宽度超出父元素

Question

我想尝试这样的博客 ：

但我得到的是

http://img.ctrlv.in.s3.amazonaws.com/img/516a735b22116.jpg

（我不是想复制他，显然我会改变图像等）

边框正在被切割，因为父容器（侧边栏）的宽度小于图像的宽度。 我谷歌很多，但我找到的只是overflow:visible ，不知何故仍然无法正常工作。 这是输出 。

Answer 1

尝试将负值分配给所需元素的边距（例如， {margin-left: -20px } ）。

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

Answer 2

通过两个简单的步骤：

1. 删除overflow: hidden; 来自.sidebar .widget 。
2. 在.sidebar h2两侧添加负边距以弥补宽度差异。

Answer 3

根据您的问题的要求 ：您可以负面应用保证金值，例如margin-left: 15px; 并给出position: relative; 你可能需要定义你的样式float: left; 太。

但另外，你可以定义你的父元素大于你的内容，例如，你的内容是200像素宽，你的左右图像是15像素+15像素= 30像素，那么你的父元素应该是230像素宽，现在通过为所有三个图像赋予左侧浮动值来排列元素，并将内容宽度现在定义为200像素并将其居中给予margin: 0 auto; 完成你的工作。