61,112
社区成员
发帖
与我相关
我的任务
分享为什么用dl dt dd实现不了这个
下面是html代码：
<!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" />
<title>无标题文档</title>
<style rel="stylesheet" type="text/css" href="Untitled-4.css">
</style>
</head>
<body>
<dl class="toping">
<dt>热门搜索：</dt>
<dd>
<a href="">美少女</a>
<a href="">热血</a>
<a href="">搞笑</a>
<a href="">机战</a>
<a href="">战争</a>
<a href="">耽美</a>
<a href="">神魔</a>
<a href="">冒险</a>
<a href="">亲子</a>
</dd>
<dd>|</dd>
<dd>
<a href="">2012</a>
<a href="">2011</a>
<a href="">更早</a>
</dd>
<dd>|</dd>
<dd>
<a href="">日本</a>
<a href="">中国</a>
<a href="">其他</a>
</dd>
<dd>|</dd>
<dd>
<a href="">0-3岁</a>
<a href="">4-6岁</a>
<a href="">7-12岁</a>
<a href="">13-17岁</a>
<a href="">18岁以上</a>
<a href="">查看全部</a>
</dd>
</dl>
</body>
</html>
以下是css代码：
.toping{
width:800px;
height:28px;
margin:0 auto 10px;
line-height:28px;
border:1px solid rgb(247,218,248);
}
dt{
float:left;
padding-left:10px;
}
dd{
float:left;
display:inline;
margin:0px 5px;
color:rgb(155,155,155);
}
为什么会结果会变成这样，如下，我用的是ie8，FireFox，搜狗，明明使用了float:left,好像没作用
...全文
请发表友善的回复…
发表回复
lanselixiang 2012-12-06
- 打赏
- 举报
这都是比较简单、基础。
可以看结构是否合理，样式写的是否合理。
frog8659 2012-12-01
- 打赏
- 举报
<style rel="stylesheet" type="text/css" href="Untitled-4.css"></style>
<link href="Untitled-4.css" rel="stylesheet" type="text/css">
