当前位置：首页 → 问答吧 → 怪异的DT

怪异的DT

时间：2010-09-19

来源：互联网

在FF下包含在dt里面的标签h1,p给跑出来
用firebug查看到的结构

<!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=gb2312" /> <title>无标题文档</title> <style type="text/css"> *{margin:0;padding:0;list-style:none;} body{font:12px/150% 宋体,serif;background-color:#fff;} .bing_midden{width:372px;float:left;margin-left:0px;padding:10px 8px;} .bing_midden dt{overflow:auto;zoom:1;padding:0 5px 7px;margin-bottom:7px;} .bing_midden h1{height:25px;line-height:25px;font-size:18px;text-align:center;font-weight:normal;font-family:"黑体";overflow:hidden;} .bing_midden p{height:60px;overflow:hidden;} .bing_midden li{height:20px;line-height:20px;margin:0 6px;padding-left:10px;} .bing_midden span{float:right;} </style> </head> <body> <dl class="bing_midden"> <dt> <h1><a href="#">六月SUV车型易车指数分析报告发布</a></h1> <p>本次选取了东风本田CR-V、一汽丰田RAV4、上海大众途观、东风悦达起亚狮跑、北京现代ix35、北京现代途胜和东风日产逍客7款SUV 车型，通过上牌数据看它们各自表现如何。<a href="#" class="c000">详细>></a></p> </dt> <dd><ul> <li><span>08-01</span><a href="#">CR-V上牌量稳居第一市场地位面临冲击</a></li> <li><span>08-02</span>RAV4上牌量呈增长趋势与CR-V差距较大</a></li> <li><span>08-03</span>易车关注指数排名第一 ix35销量跌宕起伏</a></li> <li><span>08-04</span>为北京现代ix35让路s 途胜上牌量逐月递减</a></li> </ul> </dd> </dl> </body> </html>
提示：您可以先修改部分代码再运行

作者: lba8610 发布时间: 2010-09-19

dt里不能包h1

作者: ONEBOYS 发布时间: 2010-09-19

2楼正解
3楼说的正是，我刚查了一下手册，DT果然默认是BLOCK，一直以为是内联元素，惭愧啊

[ 本帖最后由 geminids 于 2010-9-19 09:32 编辑 ]

作者: geminids 发布时间: 2010-09-19

不，dt，hx，p这些都是block元素。

但从语义角度，w3c在dtd中设置他们不允许嵌套其他block元素。

作者: ONEBOYS 发布时间: 2010-09-19

那如果某些需要要这么写呢呵呵在H1外面加个DIV 就成了
<dt>
<div><h1><a href="#">六月SUV车型易车指数分析报告发布</a></h1></div>
<p>本次选取了东风本田CR-V、一汽丰田RAV4、上海大众途观、东风悦
达起亚狮跑、北京现代ix35、北京现代途胜和东风日产逍客7款SUV
车型，通过上牌数据看它们各自表现如何。<a href="#" class="c000">详细>></a></p>
</dt>

作者: lba8610 发布时间: 2010-09-19

dt里面是不能放置块级元素的，否则在标准的浏览器下会出问题！下面是html手册中的描述