为什么浏览器窗口拉开时 右边会有空白 而且logo也不显示出来。

Question

<header>
            <div class="container clearfloat">
                <div class="header-logo">
                    <a href="">
                    </a>
                </div>
                <ul class="header-nav clearfloat">
                    <li class="item">
                        <a href="">
                            HOME
                        </a>
                    </li>
                    <li class="item">
                        <a href="">
                            PORTFOLIO
                        </a>
                    </li>
                    <li class="item">
                        <a href="">
                            TEAM
                        </a>
                    </li>
                    <li class="item">
                        <a href="">
                            CONTACT US
                        </a>
                    </li>
                </ul>
            </div>
        </header>

li{list-style-type: none;}

header{
	height: 94px;
	background: #2e2e2e;
}

.container{
	position: relative;
	height: 94px;
	width: 1584px;
	margin: 0 auto;	
}
footer{
	height: 110px;
	background: #000;
}

.header-logo{
	float: left;
	margin-top: 32px;
}
.header-logo a{
	height: 31px;
	width: 141px;
	background: url('../img/logo.jpg');
}
.header-nav{
	float: right;
	font-size: 14px;
}

Answer 1

1.为什么浏览器拉开有空白：.container{ width: 1584px;}，你超出了设置的宽度2.为什么logo不出来，因为你给父级header设置了 background: #2e2e2e;logo被背景色挡住了