我有以下代码:
<div class="fp1">
<div class="col">
<div class="img" id="img1"></div>
<ul>
<li><span>Test </span></li>
<li><span>Test </span></li>
<li><span>Test </span></li>
</ul>
</div>
</div>
.fp1 .row { overflow: hidden; }
.fp1 .img { display: inline-block; float: left; width:105px; height:80px; margin:25px 0 10px 0;
background: yellow; no-repeat scroll 0 0 transparent; }
.fp1 .col { float: left; width:50%; margin:0px; }
.fp1 .col ul { margin:15px 20px 0 0; padding-left: 25px; font-size: 1.2em}
.fp1 .col ul span { color:#222; font-size: 0.85em; }
.fp1 .col ul li { line-height:15px; }
我创建了一个 fiddle
我不明白的是,为什么应该出现在“li”左边的小圆圈不见了?
任何帮助将不胜感激
最佳答案
你的问题是 jsfiddle.net 自动包含一个重置样式表(normalize.css
),其中包括:
ol,ul {
list-style:none;
}
您会在边栏中看到一个“规范化 CSS”复选框,取消选中它,normalize.css
将不会被拉入;例如:
那个 fiddle 只是你的,没有选中复选框。
关于css - 我的无序列表中缺少 <li> 圈子,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6235285/