2015-05-18 74 views
1

這裏是我的工具,我想創建在左側面板的摺疊式菜單:http://www.resolution-studio.ro/new/sticker/designer/Sub ul無法正確打開float:left;

我使用摺疊式菜單來源:http://www.resolution-studio.ro/new/sticker/designer/這工作好於子李標籤,直到它不使用浮動:左;我想擁有80x80像素的項目,所以我更改了一些CSS代碼,並將float浮動到左側的sub ul標籤中的a標籤。它放置得很好,問題是當我打開它時會打開並隱藏它。

代碼使用slideToggle(「normal」)打開/關閉它。 我嘗試過不同的方法來使它工作,但它不。

這是我迄今爲止沒有遇到的一個常見問題,還是我在某處犯了一個錯誤?

回答

1

你所要做的是以後的事,像@ N- dru說。你必須添加一個clear:both到你的列表中,但要小心,如果你這樣做,它也將適用於你的子列表。

我想你可以通過添加以下代碼解決這個問題:

.accordion li { 
    list-style: none; 
    text-align:left; 
    clear: both; 
} 
.accordion li ul li{ 
    clear:none; 
} 
.sub-menu li { 
    width: 86px !important; 
    float: left !important; 
} 

由於事實,你將添加到clear:both你的代碼,你必須添加到您的子菜單裏的重要論述。

讓我知道,如果這個問題解決了

+0

感謝Pierezzz,你所指出的問題,因爲它是不明確的:沒有任何問題(因爲我認爲),因爲我沒有給它一個明確的雙方。唯一的問題是.sub-menu li沒有預設寬度。我已將它設置爲86px,現在它完美地工作。謝謝! – Ervin

+0

@Ervin很高興能幫到你! – Rotan075

1

除了float: left添加clear: bothclear: leftli風格定義,然後調整自己的寬度,例如100%填補整個容器的寬度..