缩放时标题右侧的空白答案

【问题标题】：White space on right side of header on zoom缩放时标题右侧的空白
【发布时间】：2013-03-03 09:10:29
【问题描述】：

我正在开发this 网站。

我面临的问题是放大时标题右侧的空白。我做了各种各样的事情，但未能用黑色填充标题部分区域的白色。

相关CSS代码：（代码太长我就不贴了，大家可以在官网找到）

header
{
    float:left;
    width:100%;
    height:700px;
    background:#000000;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
}

.header_main
{
    background: #000000;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
    float:left;
    height:800px;
    width:100%;
}

【问题讨论】：

标签： html css

【解决方案1】：

有很多问题，请按照以下建议进行操作：

1 .slideshow{margin: -10px 0 0 50px;} 从类 .slideshow 中删除这一行

2 .headrouter{ padding-left:100px; width:1200px;} 移除 padding-left 并设置 width:1100px

3 #site_content {margin-left:50px; } 移除左边距

4 将overflow-x:hidden 添加到body 中，如下所示：

       body {
       background: none repeat scroll 0 0 #FFFFFF;
       font: 80% Arial,Helvetica,sans-serif;
       overflow-x: hidden;
      }

这应该可以解决问题。

【讨论】：

【解决方案2】：

这是因为在您的 http://www.brilliantseotechnologies.com/css/2nav.css 上，您的 ul.menu 类有 width:98%

【讨论】：