在Safari中相当恼人的边缘?

时间:2014-04-14 18:55:16

标签: android html css mobile safari

感谢您提前提供任何帮助。

我16岁,差不多17岁,我已经使用HTML(5)/ CSS(3)/ PHP / SQL了五年多一点。但是我有一个问题从未能解决。我已经“在太阳下尝试了一切”,但是我的一个浮动元素的右边有一个非常恼人的边缘,我从来没有能够在我的任何页面上摆脱它。

这是链接:http://www.protodevelopment.de(这是德语,不要担心内容。)

如果您在Windows / Android设备上调用该页面,则没有丝毫问题。但是只要你在任何版本的Safari,移动设备或桌面版本上查找它,就会有右边的边距。

再次感谢您提前提出的建议。

图片在这里:http://tinypic.com/r/ekht2r/8

1 个答案:

答案 0 :(得分:0)

你是在谈论右侧页眉和页脚中的小白线?事实上,您在这些元素上调用width: 94%。由于容器的宽度百分比为75%,因此只需使用width: 100%,并将其扩展到边缘。

编辑:这就是问题所在。如果您担心填充使用:

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;

这样可以防止盒子填充超出所需的宽度/高度。然后您可以将宽度设置为100%。在任何将接收填充的元素上设置border-box(例如:页眉和页脚)