我在定位純CSS驅動下拉菜單上掙扎:我的左手邊選項工作正常 - 而且此代碼基於我在網上找到的代碼 - 它工作好嗎。下拉UL LI元素裁剪屏幕的CSS對齊方式
我想讓我的右手菜單下降,而不是截斷/屏幕 - 我相信我將需要使用相對定位和浮動權的組合,但嘗試了很多組合而沒有所需的效果。
我把我的代碼放到一個JSfiddle中以顯示一個實例(事實上它與我正在處理的內容幾乎完全相同) - 我已將一批css重置添加到頂部以使jsfiddle表現正常正確(在我的生活網站上我使用外部CSS重置)。
JS小提琴:http://jsfiddle.net/g7Lk7/1/
.pit_toolbar_ul ul{
background:#fff;
background:rgba(255,255,255,0);
list-style:none;
position:absolute;
left:-9999px;
list-style-type:none;
margin: 0;
}
如何得到最右邊的下拉對準了對屏幕的右側邊緣的任何建議,將不勝感激。
謝謝你的時間!
非常感謝 - 完美的作品!我認爲我將不得不爲每個LI元素設置一個浮點數 – Paul 2013-05-04 18:24:04