div li在IE6里有缩进~~谁能帮帮我
发布网友
发布时间：2022-04-24 14:13
共3个回答
热心网友
时间：2023-10-15 21:18
你的 <div class="bboxr"></div>弄错了，应该写成 <ul class="bboxr"></ul>。
因为你的style里面定义的是ul下面的li样式，但是你的html里面定义的li却在div下面。
谷歌、IE8等浏览器有自动识别错误的功能，但IE6就没有了。
这是在IE6下面没有缩进的代码：
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
</head>
<style type="text/css">
ul li{margin:0px;padding:0px;list-style-type:none;text-indent:0;
background-color:#F00;}
.bboxr {
float: right;
height: 400px;
width: 230px;
padding: 0px;
margin:0px;
overflow: hidden;
background-color: #CCCCCC;
}
</style>
<ul class="bboxr">
<li>任务任务任务任务任务任务</li>
<li>任务任务任务任务任务任务</li>
<li>任务任务任务任务任务任务</li>
<li>任务任务任务任务任务任务</li>
<li>任务任务任务任务任务任务</li>
<li>任务任务任务任务任务任务</li>
<li>任务任务任务任务任务任务</li>
<li>任务任务任务任务任务任务</li>
</ul>
</html>
补充：我不明白你的li为何一定要写在div下面，我把你的代码用谷歌浏览器调试了下，li根本就不能被div包括进来，也就是说div是单独存在的，这也就是为何你的margin和padding设置不能在IE6下起作用的原因了。像谷歌、火狐、IE8浏览器有自动识别错误的功能，它们明知道div li是错误的写法，还是照你的style显示出来了。请不要再纠结这个错误的写法了。
热心网友
时间：2023-10-15 21:18
很多HTML标签在不同的浏览器当中，默认的一些属性会有所不同。所以最好是将HTML标签的默认属性重置一下。像你上面的问题一般只需要在前面加上：
*{list-type:none;margin:0;padding:0;}就可以了。
或者你将*改成具体的标签也行
热心网友
时间：2023-10-15 21:19
你的代码里边li的外层没有写ul
