如何阻止內部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重疊？

回答

相關問題