2

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

在上面的登录页面中,我有一个包含四个捐赠按钮的报价框。前三个以单独的 id 为目标,左边距为 13px。

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

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

是否有一些我应该知道的 ie7 怪癖或者我错过了我应该添加的 CSS 声明?有任何想法吗??

谢谢!

4

2 回答 2

2

ul尝试将容纳这些lis的填充设置为10px 13px,然后margin-leftlis 中删除 。

于 2010-03-03T16:29:30.840 回答
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 不理解我认为某些元素的默认值 inline-block。

于 2011-03-20T17:17:53.347 回答