我尋找一些幫助解決與定位包含在其中具有相對定位一個div以下無序列表元素有一個問題IM：HTML/CSS - 如何正確定位這些嵌套的無序列表？

的UL的HTML結(jié)構(gòu)：

• • Your name
  • Your email
• Messages
• Settings
• Password
• Sign out

和此列表的CSS：

.account_settings_box ul ul {

display: inline-block;

margin: 0;

padding: 0;

width: 100%;

height: 150px;

outline: 1px solid blue;

}

.account_settings_box ul ul li {

display: inline-block;

border: none; /* Reset the border */

}

.profileImage {

float: right;

display: block;

width: 150px;

height: 150px;

outline: 1px solid purple;

}

.profileName, .profileEmail {

width: auto;

height: auto;

width: 150px;

height: 150px;

}

.account_settings_box ul ul li:hover {

outline: 1px solid red;

}

.profileImage img {

width: 150px;

height: 150px;

}

我與嵌入式UL難有，即.account_settings_box UL UI元素。

下圖顯示了它當前的樣子。

我想實現(xiàn)如下：

有圖像浮動的權(quán)利，并有“您的姓名”和“電子郵件”定位到圖像的左邊(基本上他們在哪里目前)。

感謝您的幫助提前。

山姆:)

2013-10-30

Samuroid

總結(jié)

以上是生活随笔為你收集整理的html列表无序嵌套,HTML/CSS - 如何正确定位这些嵌套的无序列表？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。