为什么ie7忽略了我的第一个列表项目的左边距(仅限)?

时间:2010-03-03 16:01:40

标签: css internet-explorer-7 margin listitem

http://blog.helpcurenow.org/test/mockups/mar2010/lp.html

在上面的目标网页中,我有一个包含四个捐赠按钮的优惠框。前三个是针对个人id的,并且左边距为13px。

除了ie7之外,我正在查看的每个浏览器都很好。出于某种原因,ie7忽略了第一个列表项上的13px的左边距,并且仅忽略了该边距。

奇怪的是,当我打开ie的开发者工具(实际上没有在ie7中查看,但在ie7模式下使用ie8)并选择元素时,它表明13px边距在那里,而不是划掉。浏览器似乎忽略了它!

我在这里应该知道一些ie7怪癖还是我错过了我应该添加的CSS声明?任何想法??

谢谢!

2 个答案:

答案 0 :(得分:2)

尝试将ul的{​​{1}}上的填充设置为li,然后从10px 13px中删除margin-left

答案 1 :(得分:0)

只需清除错误的边框,线条高度和盒子模型,您就安全了。

在CSS的第一行,您只需添加:

html,body,h1,h2,h3,h4,h5,h6,p,ul,li,img {border:none;padding:0;margin:0; /* etc. like font-size:10px;line-height:10px; */}

然后您可以在之后为每个项目设置“通缉”值: 你可以设置更多

display:block;

在你的元素上然后他们将使用相同的盒子模型。 IE6 / IE7不理解内联块,这是我认为的某些元素的默认值。