如何使用负边距而不会丢失宽度

时间:2014-03-07 19:35:33

标签: html css margin

enter image description here

我得到了这些设置..红色是图像。

enter image description here

我用过

 marging-left: -8px;

在图像上,所以左边超出了他的父div。但我的问题是如何消除右侧的差距。 (在第二张图片中的箭头处)。

1 个答案:

答案 0 :(得分:2)

最简单的解决方案可能是不为该元素分配width。然后,您可以使用否定margin-left来实现效果。

请参阅此fiddle以获取示例...

我使用了CSS三角形,但它也适用于图像。