CSS排版（等会马上来结贴）

Question

我想排一个头部的：
左边是一张LOGO图  右边是三个比如首页，刷新，退出（行）这要怎么排 DIV+CSS

Answer 1

style:
ul li
{
float:left;
list-style:none;
}html:
<div>
<!--left-->
<div style="float:left;"></div>
<!--right-->
<ul style="float:right;">
  <li><a>首页</a></li>
  <li><a>刷性</a></li>
  <li><a>退出</a></li>
</div>
</div>

Answer 2

#header
{
margin:0px auto;
width:100%;
height:40px;
position:relative;
}
#header #logo{
width:xxpx;
height:xxpx;
position:absolute;
top:0px;
left:0px;
}
#header #nav{
position:absolute;
top:10px;
right:10px;
margin:0px;
padding:0px;
list-style-type:none;
}
#header #nav li{
display:inline;
float:left;
margin:0px 5px;
padding:0px;
}
<div id="header">
   <div id="logo"><h1><img src="" alt=""/></h1></div>
   <ul id="nav">
     <li><a href="" title="">首页</a></li>
     <li><a href="" title="">刷新</a></li>
     <li><a href="" title="">退出</a></li>
   </ul>
</div>