html - 删除绝对位置div周围的空白区域

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

div的代码是

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

最佳答案

请勿使用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/

关于html - 删除绝对位置div周围的空白区域，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34111996/