邊框右邊的風格沒有用手風琴來延伸

我創建了一個帶有一個div的手風琴和另一個div元素的菜單的html頁面。菜單div有使用邊框右邊的風格沒有用手風琴來延伸

height:100%; 
border-right-width:2px; 
border-right-style:solid; 
border-right-color:#4875B4;

這所有的作品很好地在元素的右邊一個簡單的邊框造型，然而，每當我展開的手風琴頭邊框沒有也擴大（我認爲這將是高度設置到100％）。我不能在我正在使用的代碼中對手風琴原因使用邊框樣式，因此我將其隱藏爲默認值。

http://jsfiddle.net/ZxnAd/ 的jsfiddle 請選擇「區間3」以查看邊框沒有與手風琴延長

來源

2013-05-28 John Henry

爲什麼不把邊界放在手風琴上？ [示例]（http://jsfiddle.net/ZxnAd/13/） – Vucko

爲什麼不給「窗格」添加邊框？ – DiederikEEn

我希望你有你的問題的意思是這樣的：

.accordion { 
position:absolute; 
color: #AAA; 
//title-background:black; 
top:0; 
left:195px; 
padding: 0px; 
width:100%; 
}

：

替換爲你的CSS

它使邊框100％的權利

我周圍的邊界NUS：

#menus{ 
position:absolute; 
top:2px; 
left:0; 
width:190px; 
height:100%; 
border-style:solid; 
border-right-width:2px; 
border-right-style:solid; 
border-right-color:#119900; 

}

來源

2013-05-28 10:18:12

，如果你想要背景圖片來填充它：而不是無重複使其重複 –

對不起，我想在'Menu'div上有一個邊框，而不是手風琴，因爲手風琴在我的源代碼中隱藏了 –

I對菜單進行了編輯。它現在正在給出一個邊框 –

有兩種方法來解決你的問題

首先

取下#menus的right border並應用left border到div.accordion

像

.accordion {border-left:2px solid #F00;}

小提琴http://jsfiddle.net/ZxnAd/14/

二

使用js你必須要找到accordion的height並應用height於div#menus上accordion div像click event，

$('div#menus').height($('div.accordion').height());

但個這會產生問題，可能是你需要改變你的HTML結構

所以，我覺得first one是good你。

來源

2013-05-28 10:44:19

嗨Rohan，我想用你的第二個解決方案，但是，每當我點擊一個手風琴的頭部，它就會在點擊之前拾取高度。這導致在摺疊標題時邊界很長。 –

邊框右邊的風格沒有用手風琴來延伸

回答

相關問題