IE6双填充和边距错误

Question

我环顾网络，没有任何作用。

我有一个带有无序列表的框，ie6使填充和边距加倍

.block {
    width: 236px;
    float: left;
    border: 1px solid #cecece;
    background: url(images/list_bg.png) repeat-y;

}

.block li {
        width: 237px;
        height: 74px;
        background: url(images/arrow.png) no-repeat 0px 13px, url(images/bottom.png) left bottom no-repeat;
        margin-left: 30px;
        padding: 0px 20px;
        list-style: none;
        line-height: 36px;

    } 

如果我添加显示内联它会中断，我做错了什么？

Answer 1

你的盒子比它里面的列表项窄。

您应该查看Box Model

Answer 2

有些时候ie6将采取双倍保证金， 阅读http://www.positioniseverything.net/explorer/doubled-margin.html

我们可以用hack代码来管理这个问题 ie6 _，即＆gt;

.class {_margin-left: 30px;}

.class {>margin-left: 30px;}