css+div 排版 求教这样的 结构怎么 排 非常感谢
<!DOCTYPE?HTML?PUBLIC?"-//W3C//DTD?HTML?4.0?Transitional//EN">
<HTML>
<HEAD>
<TITLE>?New?Document?</TITLE>
<META?NAME="Generator"?CONTENT="EditPlus">
<META?NAME="Author"?CONTENT="">
<META?NAME="Keywords"?CONTENT="">
<META?NAME="Description"?CONTENT="">
<link?href="css/book_20120314.css"?rel="stylesheet"?type="text/css"?/>? </HEAD>
<BODY>
<div?class="book_siderbar">
<div?class="category_panel"?name="__CategorgView">
?<h1>
? 图书分类
?</h1>
?<div?class="category_content">
? <h3?class="first">
<a?title="小说"
href="/01.03.htm?ref=book-01-A">小说</a>
? </h3>
? <div?class="category_sub_content?clearfix">
<a?class="first"?title="悬疑"
href="/book/01.03.38.htm?ref=book-01-A">悬疑</a><a
title="言情"
href="/book/01.03.44.01.htm?ref=book-01-A">言情</a><a
title="历史"
href="/book/01.03.51.htm?ref=book-01-A">历史</a><a
class="last"?title="社会"
href="/book/01.03.45.htm?ref=book-01-A">社会</a>
? </div>
? <h3>
<a?title="文艺"
href="/01.05.htm?ref=book-01-A">文艺</a>
? </h3>
? <div?class="category_sub_content?clearfix">
<a?class="first?hot"?title="文学"
href="/01.05.htm?ref=book-01-A">文学</a><a
title="传记"
href="/01.38.htm?ref=book-01-A">传记</a><a
title="艺术"
href="/01.07.htm?ref=book-01-A">艺术</a><a
class="last"?title="摄影"
href="/all/?category_path=01.07.05.00.00.00&amp;ref=book-01-A">摄影</a>
? </div>
? <h3>
青春
? </h3>
? <div?class="category_sub_content?clearfix">
<a?class="first"?title="青春文学"
href="/01.01.htm?ref=book-01-A">青春文学</a><a
title="动漫"
href="/01.09.htm?ref=book-01-A">动漫</a><a
class="last"?title="幽默"
href="/book/01.09.20.htm?ref=book-01-A">幽默</a>
? </div>
? <h3>
<a?title="励志/成功"
href="/01.21.htm?ref=book-01-A">励志/成功</a>
? </h3>
? <div?class="category_sub_content?clearfix">
<a?class="hot"?title="职场"
href="/book/01.21.08.htm?ref=book-01-A">职场</a><a
title="成功"
href="/book/01.21.02.htm?ref=book-01-A">成功</a><a
title="人际"
href="/book/01.21.09.htm?ref=book-01-A">人际</a><a
class="last"?title="心灵修养"
href="/book/01.21.03.htm?ref=book-01-A">心灵修养</a>
? </div>
? <h3>
<a?title="少儿"
href="/children?ref=book-01-A">童书</a>
? </h3>
? <div?class="category_sub_content?clearfix">
<a?title="0-2"
href="/children/0-2?ref=book-01-A">0-2</a><a
title="3-6"
href="/children/3-6?ref=book-01-A">3-6</a><a
title="7-10"
href="/children/7-10?ref=book-01-A">7-10</a><a
title="11-14"
href="/children/11-14?ref=book-01-A">11-14</a><a
class="hot"?title="科学"
href="/children/01.41.05.htm?ref=book-01-A">科学</a><a
title="图画书"
href="/children/01.41.43.htm?ref=book-01-A">图画书</a><a
title="文学"
href="/children/01.41.27.htm?ref=book-01-A">文学</a><a
class="last"?title="英语"
href="/children/01.41.51.htm?ref=book-01-A">英语</a>
? </div>
? <h3>
<a?href="/20120911_mvkv?ref=book-01-A">生活</a>
? </h3>
? <div?class="category_sub_content?clearfix">
<a?class="first"?title="两性"
href="/01.16.htm?ref=book-01-A">两性</a><a
title="孕期"
href="/01.06.htm?ref=book-01-A">孕期</a><a
title="育儿"
href="/01.17.htm?ref=book-01-A">育儿</a><a
class="hot"?title="亲子关系"
href="/01.15.htm?ref=book-01-A">亲子关系</a><a
title="保健"
href="/01.18.htm?ref=book-01-A">保健</a><a
title="运动"
href="/01.19.htm?ref=book-01-A">运动</a><a
title="美妆"
href="/01.11.htm?ref=book-01-A">美妆</a><a
title="手工DIY"
href="/01.20.htm?ref=book-01-A">手工DIY</a><a
title="美食"
href="/01.10.htm?ref=book-01-A">美食</a><a
class="hot"?title="旅游"
href="/01.12.htm?ref=book-01-A">旅游</a><a
title="休闲"
href="/01.04.htm?ref=book-01-A">休闲</a><a
title="家庭家居"
href="/01.14.htm?ref=book-01-A">家庭家居</a><a
class="last"?title="风水占卜"
href="/01.23.htm?ref=book-01-A">风水占卜</a>
? </div>
? <h3>
<a?title="人文社科"
href="/book/contents/1890/9732.html?ref=book-01-A">人文社科</a>
? </h3>
? <div?class="category_sub_content?clearfix">
<a?class="hot"?title="历史"
href="/01.36.htm?ref=book-01-A">历史</a><a
title="古籍"
href="/01.32.htm?ref=book-01-A">古籍</a><a
class="hot"?title="哲学/宗教"
href="/01.28.htm?ref=book-01-A">哲学/宗教</a><a
title="文化"
href="/01.34.htm?ref=book-01-A">文化</a><a
title="政治/军事"
href="/01.27.htm?ref=book-01-A">政治/军事</a><a
title="法律"
href="/01.26.htm?ref=book-01-A">法律</a><a
title="社会科学"
href="/01.30.htm?ref=book-01-A">社会科学</a><a
class="last?hot"?title="心理学"
href="/20130204_hmvw?ref=book-01-A">心理学</a>
? </div>
? <h3>
经管
? </h3>
? <div?class="category_sub_content?clearfix">
<a?class="first"?title="经济"
href="/01.25.htm?ref=book-01-A">经济</a><a
title="管理"
href="/01.22.htm?ref=book-01-A">管理</a><a
class="last?hot"?title="投资理财"
href="/01.24.htm?ref=book-01-A">投资理财</a>
? </div>
? <h3>
<a?title="科技"?href="/tech?ref=book-01-A">科技</a>
? </h3>
? <div?class="category_sub_content?clearfix">
<a?class="first?hot"?title="科普"
href="/01.52.htm?ref=book-01-A">科普</a><a
title="建筑"
href="/01.55.htm?ref=book-01-A">建筑</a><a
title="医学"
href="/01.56.htm?ref=book-01-A">医学</a><a
class="hot"?title="计算机"
href="/01.54.htm?ref=book-01-A">计算机</a><a
title="农林"
href="/book/01.66.html?ref=book-01-A">农林</a><a
title="自然科学"
href="/01.62.htm?ref=book-01-A">自然科学</a><a
title="工业"
href="/01.63.htm?ref=book-01-A">工业</a><a
class="last"?title="通信"
href="/book/01.63.07.html?ref=book-01-A">通信</a>
? </div>
?
?
?</div>
</div>
</div>
</BODY>
</HTML>
结果如下