当前位置：首页 → 问答吧 → 求助：不知道为什么页面空行（CSS）？请帮我看下我错在哪了！

求助：不知道为什么页面空行（CSS）？请帮我看下我错在哪了！

时间：2010-05-27

来源：互联网

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> *{ margin:0; font-size:14px;/*字体标准大小*/ direction:ltr ; background:#cccccc; list-style-type:none } #main{ /*display:inline;*/ margin:0 auto; margin-top:-12px; width:1024px; } .siderbar{ width:20%; } .siderbar, .center{ height:150px; float:left; color:#FF0000; } .center{ width:60%; height:150px; } #foo{ width:100%; clear:left; background:#CC6600; } #tab_list{ background:#CC6600; height:30px; width:100%; } li{ background:#CC6600; float:left; height:20px; margin-top:8px; width:50px; } .i{ background:#CC6600; float:left; height:100%; border:1px; width:15px; } dl{background:#CC6600;} </style> </head> <body> <div id="main"> <div> <ul id="tab_list"> <li><a href="#">首页</a></li> <li>书店</li> <li>联系</li> <li>资料</li> </ul> </div> <div class="siderbar" id="barl"> <ul class="i"><dl>产</br>品</dl><dl>er</dl>& lt;dl>gh</dl></ul> </div> <div class="center">33333333dddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</div> <div class="siderbar" id="barr">44444444</div> <div id="foo">55555555</div> <div class="siderbar" id="barl">2222222</div> <div class="center">33333333</div> <div class="siderbar" id="barr">44444444</div> <div id="foo">55555555</div> </div> </body> </html>
提示：您可以先修改部分代码再运行

作者: jvfu 发布时间: 2010-05-27

不明白你的意思...