恰好这个数值的
Posted: Tue Mar 25, 2025 6:56 am
度：1080px;左边距：自动;右边距：自动}
结果是：
h1,#logo,#width,#slogan,#h ul{宽度：90%；最大宽度：1080px；左边距：自动；右边距：自动}
那么原因是什么呢？完全是个人愿望，并且假设最理想的情况是左右两侧缩进 5%。您可以输入 98% 或 79% - 这完全取决于您的想法。
我们继续吧。我们有两列——主列（您正 危地马拉电话号码数据 在查看的列）和右列。列宽分别为 780 像素和 280 像素，但现在我们需要使用通用公式以百分比重新计算：
目标/上下文=结果
或者，简单地说：
所需元素的宽度（字体大小）（单位为 px）除以父元素的宽度（字体大小）（单位为 px）= 所需结果（单位为 %（或 em））。
我们可以在这里停下来，不再讨论灵活布局，因为我们已经涵盖了所有最重要的内容，但为了让您更好地理解我们在说什么，我们将继续。
主列的固定大小为 780 px，其上下文（父级）的固定宽度为 1080 px，因此：
780/1080 = 0.72222222222
因为我们需要的是百分比，而不是 em，所以我们将结果乘以 100。结果是：
72.222222222%
您肯定认为我们会对这个值进行四舍五入吧？不，专家强烈建议不要这样做。所以要根据情况采取行动，看看精准度有多重要。如果我们谈论的是两列，那么就不需要这样的精度。对此，我们冷静地将一切四舍五入到小数点后四位数字。
因此，我们主列的 CSS 如下所示：
#c{float：左；宽度：72.2222%；} /* 780 / 1080 */
重要建议：留下计算结果的评论，这样您就不会忘记或者对将来要除以什么感到困惑。通常，注释中只留下第一个数字，即除数。
我们对右栏进行同样的操作：
结果是：
h1,#logo,#width,#slogan,#h ul{宽度：90%；最大宽度：1080px；左边距：自动；右边距：自动}
那么原因是什么呢？完全是个人愿望，并且假设最理想的情况是左右两侧缩进 5%。您可以输入 98% 或 79% - 这完全取决于您的想法。
我们继续吧。我们有两列——主列（您正 危地马拉电话号码数据 在查看的列）和右列。列宽分别为 780 像素和 280 像素，但现在我们需要使用通用公式以百分比重新计算：
目标/上下文=结果
或者，简单地说：
所需元素的宽度（字体大小）（单位为 px）除以父元素的宽度（字体大小）（单位为 px）= 所需结果（单位为 %（或 em））。
我们可以在这里停下来，不再讨论灵活布局，因为我们已经涵盖了所有最重要的内容，但为了让您更好地理解我们在说什么，我们将继续。
主列的固定大小为 780 px，其上下文（父级）的固定宽度为 1080 px，因此：
780/1080 = 0.72222222222
因为我们需要的是百分比，而不是 em，所以我们将结果乘以 100。结果是：
72.222222222%
您肯定认为我们会对这个值进行四舍五入吧？不，专家强烈建议不要这样做。所以要根据情况采取行动，看看精准度有多重要。如果我们谈论的是两列，那么就不需要这样的精度。对此，我们冷静地将一切四舍五入到小数点后四位数字。
因此，我们主列的 CSS 如下所示：
#c{float：左；宽度：72.2222%；} /* 780 / 1080 */
重要建议：留下计算结果的评论，这样您就不会忘记或者对将来要除以什么感到困惑。通常，注释中只留下第一个数字，即除数。
我们对右栏进行同样的操作：