http://blog.helpcurenow.org/test/mockups/mar2010/lp.html
在上面的目标网页中,我有一个包含四个捐赠按钮的优惠框。前三个是针对个人id的,并且左边距为13px。
除了ie7之外,我正在查看的每个浏览器都很好。出于某种原因,ie7忽略了第一个列表项上的13px的左边距,并且仅忽略了该边距。
奇怪的是,当我打开ie的开发者工具(实际上没有在ie7中查看,但在ie7模式下使用ie8)并选择元素时,它表明13px边距在那里,而不是划掉。浏览器似乎忽略了它!
我在这里应该知道一些ie7怪癖还是我错过了我应该添加的CSS声明?任何想法??
谢谢!
答案 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不理解内联块,这是我认为的某些元素的默认值。