.public-header{

height: 110px;

}

.public-header .header-logo{

? ? float:left;

? ? margin-top:40px;

}

.public-header.header-logo.a{

width: 182px;

height: 54px;

background: url("../images/index-harder-logo.png");

}

.public-header.header-nav {

float: right;

}

.public-header.header-nav.item{

float: left;

}

.public-container{

position: relative;

margin: 0 auto;

width: 1100px;

}

.public-footer{

height: 318px;

background: #3b3b3b;

}

<div class=" public-header">

<div class="public-container clearfloat ">

<div class="header-logo"><a href=""></a></div>

? ?<ul class=" header-nav clearfloat">

? ? ? ?<li class="item"><a href="">Our Story ?</a></li>

<li class="item"><a href="">Menu </a></li>

<li class="item"><a href="">Reservations</a></li>

<li class="item"><a href="">News</a></li>

<li class="item"><a href="">Rviews</a></li>

</ul>

</div>

</div>

<div class

為什么我的不顯示logo然后li標簽也不像右并且也不浮動也不能橫過來呢