我有以下代码: div class="fp1" div class="col" div class="img" id="img1"/div ul lispanTest /span/li lispanTest /span/li lispanTest /span/li /ul /div/div.fp1 .row { overflow: hidden; }.fp1 .img { display: inline-block; float: left; wi
<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; }
你会在侧边栏中看到一个“Normalized CSS”复选框,取消选中,并且不会引入normalize.css;例如:
07001
这个小提琴只是你的选项,未选中复选框.