html列表无序嵌套,HTML/CSS - 如何正确定位这些嵌套的无序列表？

我寻找一些帮助解决与定位包含在其中具有相对定位一个div以下无序列表元素有一个问题IM：HTML/CSS - 如何正确定位这些嵌套的无序列表？

的UL的HTML结构：

- 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元素。

下图显示了它当前的样子。

我想实现如下：

有图像浮动的权利，并有“您的姓名”和“电子邮件”定位到图像的左边(基本上他们在哪里目前)。

感谢您的帮助提前。

山姆:)

2013-10-30

Samuroid

html列表无序嵌套,HTML/CSS - 如何正确定位这些嵌套的无序列表？相关推荐

CSS选择器的声明与嵌套
CSS选择器的声明与嵌套使用CSS选择器控制HTML标记的时候,每个选择器的属性可以一次声明多个,选择器本身也可以同时声明多个. 并且,任何形式的选择器,都是合法的,标记选择器,class选择器和I ...
python列表元组字符串都属于有序数列_列表、元组、字符串是Python的__________(有序、无序?)序列。...
[简答题]朗读d教科书第35页"貿易レターコラム消費価格値上げ再考のお願い"的李文,直接读标题,然后读"拝啓"和全文.注意作业提交截止日期. [多选题]以下语 ...
html 列表点,HTML + CSS：不带句点的有序列表？
HTML + CSS:不带句点的有序列表? 我认为这个问题的答案是否定的--但是,有谁知道用HTML / CSS的方法来创建有序列表,而数字后面没有句点? 或者,还是指定分隔符? 理想情况下,我不想为 ...
pythonfor循环嵌套_python-嵌套和for循环中的字典和列表中的项...
我有一个命令: import collections collections.OrderedDict([('key', {'keyword': {'blue', 'yellow'}}), ('key1 ...
css中 media的用法,如何在css中正确使用@media
如何在css中使用@media作为特定分辨率?所以我想让我的侧栏更改取决于用户分辨率,所以我使用@media.如何在css中正确使用@media 这是示例代码: @media (max-width: ...
CSS -- CSS字体样式、文本样式、去掉列表的小圆点、背景、背景渐变
1. CSS字体样式.文本样式.去掉列表的小圆点.背景.背景渐变 1.1字体样式字体样式 font-family 字体(可以添加2种字体,一种针对中文,一种针对英文) font-size 字体大小( ...
html表格背景图片格式,css背景颜色、背景图片，以及列表的多种样式
背景样式 • background-color 设置元素的背景颜色. • background-image 把图像设置为背景. • background-position 设置背景图像的起始位置. • ...
Css中设置列表项目符号属性,CSS如何设置列表样式属性，分享
列表样式属性在HTML中有2种列表.无序列表和有序列表,在工作中无序列表比较常用,无序列表就是ul标签和li标签组合成的称之为无序列表,那什么是有序列表呢?就是ol标签和li标签组合成的称之为有序列 ...
css的背景颜色有哪些,css背景颜色、背景图片，以及列表的多种样式
背景样式 • background-color 设置元素的背景颜色. • background-image 把图像设置为背景. • background-position 设置背景图像的起始位置. • ...

html列表无序嵌套,HTML/CSS - 如何正确定位这些嵌套的无序列表？

html列表无序嵌套,HTML/CSS - 如何正确定位这些嵌套的无序列表？相关推荐

最新文章

热门文章