Question

我正在开发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%;
}

Answer 1

这是因为在您的http://www.brilliantseotechnologies.com/css/2nav.css上，ul.menu班级的宽度为：98％

Answer 2

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

1 .slideshow{margin: -10px 0 0 50px;}从班级.slideshow

中删除此行

2 .headrouter{ padding-left:100px; width:1200px;}删除左边的填充并设置宽度：1100px

3 #site_content {margin-left:50px; }删除margin-left

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

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

这应解决问题。

在标题的右边的白色空间在徒升

2 个答案: