html dd嵌套div,dl dt dd的嵌套使用

dl dt dd的嵌套使用

dd元素中可以包含block元素，而dt中只能包含inline元素，

在dd中可以包含dl元素

效果是这样的,主要的是效果是在dd中加了一个表格,如果使用表格来实现的话,有点困难,要计算表头要跨越几行,或者使用大表格套个小表格的形式,

body{ font-size:12px; line-height:1.8; margin:auto;}

*{ margin:0; padding:0;}

h1{ background:red; font-size:14px; height:35px; line-height:35px; padding-left:20px; color:white;}

h2{ font-size:14px; height:35px; line-height:35px;}

#Methods2 .mdl{width:100%; margin:2px; border: 1px solid #dcdcdc;}

#Methods2 .mdt{width:15%; float:left; margin:2px; background:#FFF; }

#Methods2 .mdd{width:80%; float:left;border-left: 1px solid #dcdcdc; padding:4px; line-height:20px; background:#FFFFFF; text-align:left;}

.dtable{width:100%;margin:0 auto; text-align:center;}

.title, .dtabledd{float: left;width:16%;text-align: center;height: auto;padding: 5px 0;border:solid 1px #963;margin:0px;}

用法二：

图片交给我DT

名称

花费金额

备注

记录时间

记录人

签名

计算机消费系统

计算机消费系统

计算机消费系统

计算机消费系统

计算机消费系统

计算机消费系统

计算机消费系统

计算机消费系统

计算机消费系统

计算机消费系统

计算机消费系统

计算机消费系统

计算机消费系统

计算机消费系统

计算机消费系统

计算机消费系统

计算机消费系统

计算机消费系统

图片交给我DT

标题

内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--内容--

了解更多...