ul-li元素樣式不正確

嗨我正在嘗試構建一個列表（代碼共享在：http://jsfiddle.net/jLM4J/）。ul-li元素樣式不正確

我的問題是，儘管列表元素不應該重疊，爲什麼我的列表重疊第一項，我試圖顯示用戶的詳細信息。

即使我用ul（http://jsfiddle.net/yYEhS/1/）中的一個單獨的div替換用戶li元素，ul列表仍然與我的元素重疊，但它不應該是因爲我的元素是顯示爲塊的div。

任何人都可以請幫忙，因爲這是讓我頭痛的事情。

2012-07-18 user1242321

這是因爲您的用戶div聲明中有float:left;。像這樣刪除它，它的工作原理：

.user-image { 
    width: 30px; 
    height: 30px; 
    background: url('../../images/user.png') no-repeat center center; 
    margin: 1px; 
    border: 1px @border-style @border-color; 
}

沒有一個設計來看待，這是很難知道爲什麼你可能有花車：離開了那裏。

如果您需要將它左對齊到頁面，它需要在ul之外。
如果您希望它在頁面內左對齊，那麼將text-align:left;分配給li元素。

來源

2012-07-18 12:59:36

感謝您的回覆。我的意圖是放置浮動：左邊是圖像應該浮在左邊，而用戶名和用戶請求可以出現在右邊。該清單將在下面垂直顯示。我也不明白爲什麼它打破我的單行'3請求懸而歸'到三個不同的行，而不是增加div的寬度本身... – user1242321 2012-07-18 13:35:42

我後來實現它使用負邊緣的用戶圖像：http：// jsfiddle.net/cDgzB/1/ – user1242321 2012-07-18 13:42:48

ul-li元素樣式不正確

回答

相關問題