如何阻止内部div与外部div重叠？

当我点击大按钮时，smaller div将宽度增加到300px。红线显示在黑色虚线边界之上。如何阻止内部div与外部div重叠？

有没有办法，当我点击时，黑色的虚线边框保持前面，红色边框背面？这里是小提琴

http://jsfiddle.net/K4L5s/

感谢

来源

2011-12-07 Human Love

期间是你的朋友。 –

@AdamTerlson对不起，我不明白.. –

你不应该使用固定宽度的外部div – Pawan

添加位置：相对&变化的z-index：http://jsfiddle.net/K4L5s/13/

来源

2011-12-07 17:17:30 ptriek

不适用于铬。 – Prisoner

@Prisoner即时通讯使用铬（在Mac上15），它的工作对我来说很好...... – ManseUK

更改边界，以便您可以看到它可能有帮助吗？ http://jsfiddle.net/K4L5s/25/ – ManseUK

这取决于你想支持的浏览器（S），你可以设置较小的div的最大宽度proprty。

来源

2011-12-07 17:15:48 Paul

你想完成什么？如果你只是想股利，以填补父，宽度设置为100％：

$("#Large").click(function(){ 
    $("#smaller").width("100%"); 
});

来源

2011-12-07 17:16:42

您对外层div一个固定的宽度，所以它不会增加。

小div溢出。

来源

2011-12-07 17:17:34 Curt

您可以通过给您的子元素负数z-index和position: absolute来完成此操作。当然，然后你打开一个全新的蠕虫定位...

来源

2011-12-07 17:17:59 Aaron

我已经用一个例子分出了原来的小提琴：http://jsfiddle.net/Rb7BY/ – Aaron

'position：relative ;' works also – ManseUK

添加一个overflow:hidden;到较大的div的CSS。

来源

2011-12-07 17:18:18 reconbot

#smaller 
{ 
    border-style:solid; 
    border-color:red; 
    width:100px; 
    height:100px; 
    max-width: 100%; 
    position: relative; 
}

来源

2011-12-07 17:18:57

你的问题有点难理解，但它听起来像你正在寻找Z指数。不幸的是，你不能使用z-index而不能应用允许它的位置。这听起来像你正在寻找的：

#bigger 
{ 
    border-style:dotted; 
    width:200px; 
    height:200px; 
} 
#smaller 
{ 
    border-style:solid; 
    border-color:red; 
    width:100px; 
    height:100px; 
    position: relative; 
    z-index: 9; 
}

只要确保你没有父母的z-index。

来源

2011-12-07 17:26:37

给更高的z指数给更大的Div。它会解决你的问题

来源

2011-12-08 05:08:37

如何阻止内部div与外部div重叠？

回答

相关问题