<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
body,td,th {font-family: Verdana, Arial, Helvetica, sans-seriffont-size: 12px}
body {margin: 0pxtext-align:centermargin:0px auto}
ul{margin: 0pxpadding:0pxborder: medium noneline-height: normallist-style-type: none}
li{position:relativefloat:left}
#bigarea{width:86%text-align:centermargin:0px auto}
#bigarea .area01{ text-align:left}
#bigarea .area02{ width:80%text-align:leftcolor:#006633line-height: 20pxfont-weight: boldfont-style: normal}
#bigarea .area03{ width:80%}
#bigarea .area04{ width:80%text-align:rightclear:both}
#bigarea .area05{ text-align:leftclear:both}
#con li{ width:49%text-align:leftword-break:newspaper}
-->
</style></head>
<body>
<div id="bigarea">
<div class="area01"><img src="" width="446" height="39" /></div>
<div class="area02">兴趣爱好:</div>
<div class="area03">
<ul id="con">
<li>足球</li>
<li>足球</li>
<li>足球</li>
<li>足球</li>
<li>足球</li>
<li>足球</li>
</ul>
</div>
<div class="area04"><img src="" width="70" height="17" /></div>
<div class="area05"><img src="" width="446" height="17" /></div>
</div>
</body>
</html>
div+css优点在于
可以比table节省代码
如果你要修改样式
改一句css
div里面所有的都会跟这变
缺点就是
相对于table复杂
tabel
优点在于
可以直接生成
缺点就是tr
td
太多了
网络传输
需要精和小
而且样式修改起来复杂div主要用来给网站布局，定位，而表格主要是用来承载数据的，一般不用来布局，div布局比较灵活，比如说可以用float属性把整个页面的布局改变，而table却不灵活，所以该用哪个应视情况而定，也不一定说table就没有div好，希望对你有帮助。
table 更多面向数据表格，而且tr、td属性控制起来也没有div容易灵活多变（table布局随时面临合并单元格，一格高、宽发生变化，其他格也跟着受累）。div+css可定位可浮动，可排序，再者div+css会让代码更具可读性，想想布满编辑器的table、tr、td标签，你能分得清哪里是哪里吗！优点总结起来就是：DIV+CSS让布局灵活易控，代码清晰易读。
