iPhone CSS 问题

Question

关于 this site ，右列与左列重叠存在问题。这是 objective-c SS:

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

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

iphone 中的边距百分比是否存在未正确定位的问题？

Answer 1

首先想到的是你的容器大小超过了 100% -

内容 - 34+7.6+59.4 = 101

左侧边栏 - 7.6+35+65.4 = 108

首先尝试调整您的百分比。

-- 编辑--

好的，首先，您发布的 CSS 适用于您链接页面上的同一容器。 left-sidebar 类仅在 body 标签中使用，它是更具体的选择器，因此 CSS 的第一位被忽略。此外，这些百分比是根据#primary 父容器的大小计算的。您的问题似乎在#primary 和#secondary 之间。 #secondary 被指定为 27.2%，但这无关紧要，因为它被它的 child #bluebox 强制为 332px - 它被设置为 330px 宽和 1px 边框。您需要考虑到这一点，因为由于 #bluebox，#secondary 的宽度始终至少为 332px。