如何将div的一部分插入div外？

Question

我有3个像这个图像的div：

其中两个div具有相同的宽度和高度，最后一个（红色div）应该在外面但不是全部，只有一部分（10％）我尝试margin-left: -10px;但它不起作用。< / p>

感谢。

Answer 1

尝试使用绝对定位并指定z-index。

Answer 2

如果您的问题不需要，请不要使用绝对定位。

负边距应该足够：http://jsfiddle.net/pmc7B/1/

Answer 3

您似乎已在其中一个外部div上设置了overflow: hidden。这就是当你应用负边距时内部div被剪裁的原因。

Answer 4

给予父<div>相对位置：

<div style="position: relative;">

然后给出红色<div>负左值：

<div style="position: absolute; left: -20px;">

Answer 5

我想我明白了你想做什么。你有没有考虑给红色div一个Z指数为+1，所以它漂浮在其他人身上并独立行动