iPhone css issue

Question

在这个站点上，右列与左列重叠存在问题。这是目标CSS:

#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% -

content - 34+7.6+59.4 = 101

左边栏- 7.6+35+65.4 = 108

试着先调整你的百分比。

—Edit—

好的，首先，你发布的CSS是为你链接的页面上的同一个容器。左侧栏类只在body标签中使用，它是更具体的选择器，所以CSS的第一个部分被忽略了。此外，这些百分比是根据父容器的大小(#primary)计算的。你的问题似乎在#主要和#次要之间。#secondary被指定为27.2%，但这是无关紧要的，因为它被它的子元素#bluebox强制设置为332px -它被设置为330px宽和1px边框。你需要考虑到这一点，因为#secondary的宽度总是小于332px，因为#bluebox。