iPhone css问题

在this site上，右列与左列重叠存在问题。这是目标CSS：iPhone css问题

#content { 
    margin: 0 34% 0 7.6%; 
    width: 59.4%; 
} 

.left-sidebar #content { 
    margin: 0 7.6% 0 35%; 
    width: 65.4%; 
}

是否有一个问题，在没有正确定位的iPhone的百分比利润率？

来源

2011-09-04 MLS1984

，想到的第一件事是，你的容器尺寸是超过100％ -

内容 - 34 + 7.6 + 59.4 = 101

左侧栏 - 7.6 + 35 + 65.4 = 108

先尝试调整您的百分比。

- 编辑 -

好吧，首先，您发布的CSS是你的链接页面上相同的容器。左边栏类只用于body标签，它是更具体的选择器，所以CSS的第一位被忽略。另外，这些百分比是根据#primary的父容器的大小计算的。你的问题出现在#primary和#secondary之间。 #secondary被指定为27.2％，但这是不相关的，因为它被孩子强制为332px #bluebox - 它被设置为330px宽和1px边框。您需要考虑这一点，因为＃＃第二个字符由于#bluebox总是最小宽度为332px。

来源

2011-09-04 01:53:45

不，这也行不通。我将它们改为#content {margin：0 34％0 7.6％; 宽度：58.4％; } .left-sidebar #content { margin：0 7.6％0 34％; 宽度：56.4％; } – MLS1984

嗨布伦特，感谢您的反馈。我似乎无法瞄准麻烦地区。我尝试调整边栏，并重新设置媒体特定区域的边距。仍然无法让它被设置成直线。 – MLS1984

您并未更改#bluebox的大小。您已将该尺寸设置为绝对像素，其他部分均为百分比。你在Android上也有同样的问题，不仅仅是iOS。在style.css中查看第118行。直到您更改该框的大小，您仍然会遇到问题。 –

iPhone css问题

回答

相关问题