6

我有以下代码：

<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; }

我创造了一个小提琴

我不明白的是为什么应该出现在“li”左侧的小圆圈不见了？

任何帮助，将不胜感激

4

3 回答 3

18

您的问题是 jsfiddle.net 自动包含一个重置样式表（normalize.css），其中包括：

ol,ul {
    list-style:none;
}

您会在侧边栏中看到“规范化 CSS”复选框，取消选中它normalize.css不会被拉入；例如：

http://jsfiddle.net/ambiguous/HQJhe/10/

该小提琴只是您的，未选中复选框。

于 2011-06-04T07:04:40.493 回答
0

您应该在此处遵循的调试技术是尽可能简化您的代码。要么问题会消失，要么你会留下几行代码，有人很容易就能发现问题

我去了你的 JSFiddle 并开始一次删除一行 CSS。那并没有解决问题。然后我开始删除 HTML。最终我只剩下这个：

<ul><li>Why is there no circle?</li></ul>

我的结论是 JSFiddle 有一些奇怪的样式表应用于您的代码并删除了圆圈。感谢“mu 太短”，因为您准确地确定了什么样式表以及如何将其关闭。但我仍然决定发布这个，因为我认为你可以从学习这种调试技术中受益。

于 2011-06-04T07:08:42.870 回答
0

只需使用以下代码：

li style="display: list-item; list-style: none"
于 2018-10-03T21:04:45.930 回答