Question

网页中ul li 前设置的样式(小方块)在360浏览器和搜狗浏览器中怎么不显示啊

代码如下：
css如下：
.list10 {
width:251px;
height:86px;}
.list10 ul{
list-style-type:square;
margin:0px;
padding:0px 0px 0px 20px;}
.list10 ul li{
width:105px;
height:25px;
float:left;
line-height:25px;

}
.list10 ul li a{
font-family:"宋体";
font-size:12px;
color:#636363;
text-decoration:none;}

html代码如下：
<div class="list10">
<ul>
<li><a href="#">巧用营养品助成</a></li>
<li><a href="#">巧用营养品助成</a></li>
<li><a href="#">巧用营养品助成</a></li>
<li><a href="#">巧用营养品助成</a></li>
<li><a href="#">巧用营养品助成</a></li>
<li><a href="#">巧用营养品助成</a></li>
</ul>
</div>

Answer 1

我拿着楼主的代码试了试，发现问题在这里：

.list10 ul li 这个类设置了float属性，从而导致了前面的小方块在ie6、7、360、搜狗里面显示不出来的情况。不信楼主如果把这个float去掉，就完全正常了。

解决办法有两个：

方法一：li前面这个小方块做成一个背景图片，直接写到li样式里，位置靠左，这样，无论怎么浮动，都会显示出来了。样式如下：

li{padding-left:20px; background:url(../images/xxx.jpg) no-repeat 10px 14px;}

也就是说把li设置的左边有内边距，背景图片刚刚好放在这个边距中间。

2、方法二：把这个小方块换成键盘输入的原点，放在<a>里面，代码如下：

<a href="#">• 巧用营养品助成</a> 这样就不用写样式了，直接写进去，随着鼠标经过，这个前面的小点也会变换颜色。

希望对楼主有所帮助，呵呵，不明白还可以讨论啊。