删除绝对定位div周围的空白区域

Question

我在Wordpress帖子中的第二段之后插入了一个div，但我想删除图片中可见的右侧空白区域。我该怎么做？

div的代码是

max-width: 350px;
position: relative;
left: -100px;
float: left;
margin: 30px 0;

Answer 1

请勿使用position: relative; left: 100px;组合来达到此效果。定位相对将保留元素最初所在的DOM中的空间。相反，使用负右边距。这将允许他满足元素右侧的崩溃。

max-width: 350px;
float: left;
margin: 30px 0 30px -100px;  /* maybe change this to
                                30px 15px 30px -100px
                                just to add a little
                                spacing. */

这是一个快速演示：http://jsfiddle.net/Lm0oyebx/