增加手風琴的高度

我想知道在下面的鏈接中將手風琴的整體高度添加到最佳方式是什麼。增加手風琴的高度

我想使ul子菜單類更高，我希望多餘的空間顯示爲空而沒有列表元素。

http://vtimbuc.net/gallery/pure-css3-accordion-menu-tutorial/

我認爲這是可能通過增加另一個標籤像ul圍繞一個div，但我想知道如果有一個在CSS更簡單的方法？

2012-11-12 h1vpdata

.accordion li:target > .sub-menu { 
    min-height: 908px; //add your height here 
    background: red; //add a background color what you would like 
    }

我做了這個

min-height: 908px;

只是一個例子

來源

2012-11-12 15:14:23

上有0個填充/邊距是否可以使用百分比來表示高度？或者這需要另一種方法？ – h1vpdata

是的它可能，但需要一個nother方法 –

你能否詳細說明的方法，我的佈局如果流體我會需要最小高度，但總是希望整個手風琴佔據瀏覽器屏幕的某一部分？ – h1vpdata

您不會增加ul子菜單類的大小，而是增加每個單獨的a標記的大小。

像這樣：

.accordion li > a { 
    height: 64px; // was 32px; 
}

這將增加一倍每個a標籤的高度，進而增加li的高度，並最終ul

來源

2012-11-12 15:11:22 Andy

使用填充，而不是高度。或者可能是最小高度。否則，如果您想「放大文本」或鏈接佔用2行，就會卡住。 – FelipeAls

@FelipeAls雖然我同意，這個特定的下拉菜單似乎使用高度來確定大小，'li' – Andy

增加手風琴的高度

回答

相關問題