<html>
<head>
<style>
#div1{
width:960px
height:30px
}
#div1 ul li{
float:left
width:60px
height:30px
border-right:1px solid
}
</style>
</head>
<body>
<div id='div1'>
<ul>
<li>muli1</li>
<li>muli1</li>
<li>muli1</li>
<li>muli1</li>
</ul>
</div>
</body>
</html>
每个人的代码都不一样的,这里只能提供一个思路给你,世界等着你去改变。两块解决你的问题。这个排版可以分为三个大块,一个是导航栏,一个是每日通知,一个是详细内容栏。但从空间上看,它可以分为上下两部分,所以,先用两个 div 分出上下空间分布,下面又分两块,再用两个 div 或者其它标签分成两块都行,个人习惯的话左边用一个 div 嵌套 一个 p 标签, 再加一个 ul 。这种类型的基本都可以这样。