Question

当我单击大按钮时，smaller div将宽度增加到300px。红线显示在黑色虚线边框上方。

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

由于

Answer 1

添加职位：亲属＆amp;更改z-index：http://jsfiddle.net/K4L5s/13/

Answer 2

你想要完成什么？如果您只想让div填充父级，请将宽度设置为100％：

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

Answer 3

您可以通过为您的子元素提供否定 z-index和position: absolute来实现此目的。当然，那么你就可以通过定位打开一整套新的蠕虫......

Answer 4

将overflow:hidden;添加到较大的div的css。

Answer 5

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

Answer 6

你的问题有点难以理解，但听起来你正在寻找z-index。不幸的是，如果不应用允许它的位置，则不能使用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。

Answer 7

取决于您尝试支持的浏览器，您可以设置较小div的max-width proprty。

Answer 8

外部div上有一个固定的宽度，所以它不会增加。

小div正在溢出。

Answer 9

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

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

9 个答案: