【问题标题】:CSS Centering Issue - Div Centering appx 15px too far to the rightCSS 居中问题 - div 居中 appx 15px 太靠右了
【发布时间】:2011-02-13 15:40:53
【问题描述】:

我正在为我的网站修改一个主题。我目前在我的测试域上运行它,而我在发布前对其进行修补。

http://www.networkgenius.org

#content-wrap div 居中,但由于某种原因向右太远。我完全不知道为什么要这样做,尤其是因为其他一切都正确居中。有什么问题?

我确实为内容换行区域添加了 15 像素的填充,因为我已将正文的背景颜色更改为您看到的灰色,并且显然不希望将文本直接压在包装器的边缘。

感谢您的帮助!

-苏塔

【问题讨论】:

    标签: html css web


    【解决方案1】:

    您在 div#content 上有填充。改成

    padding: 25px 0;
    

    (你有萤火虫,对吧?)

    【讨论】:

    • 是的......请使用萤火虫。它在这种情况下最有用。
    【解决方案2】:

    我想“content-wrap” div 是“content” div 的包装器。

    包装器的宽度为 980px,内容的宽度为 980px。

    到目前为止一切都很好。内容的两边都有 15px 的填充。这增加了 30px 的宽度,有效地使其变为 1010px

    这个额外的宽度使它向右移动。

    将内容的宽度减小到 950 像素。或者删除填充。

    这应该可行。

    【讨论】:

    • 啊,所以 padding 设置不会将 div 的内容压缩到 980px,从而将“可打印区域”或任何你想调用的内容减少到 950px,它实际上增加了像素到 div 区域和“可打印区域”保持不变。我按照您的建议更改了 CSS,问题已得到纠正。谢谢!! -Sootah
    猜你喜欢
    • 1970-01-01
    • 2011-04-27
    • 1970-01-01
    • 2015-01-26
    • 1970-01-01
    • 2017-03-19
    • 2015-05-19
    • 1970-01-01
    • 2017-06-19
    相关资源
    最近更新 更多