html5的details标记，summary标记，
html5的新加的标签：details的用法,两种方式的介绍，一种是直接css的实现，一种是js+css的实现。
创新互联公司主营二道江网站建设的网络公司,主营网站建设方案,成都app软件开发公司,二道江h5成都小程序开发搭建,二道江网站营销推广欢迎二道江等地区企业咨询
内容
通用的css样式的实现：
header, nav, article,footer{
border:1px solid #666;
padding:5px;
}
header{
width:500px;
}
nav{
float:left;
width:60px;
height:100px;
}
article{
float:left;
width:428px;
height:100px;
}
footer{
clear:both;
width:500px;
}
details{
overflow:hidden;
height:0px;
padding-left:200px;
position:relative;
display:block;
}
details[open]{
height:auto;
}
span{
cursor:pointer;
}
分享标题：html5的details标记，summary标记，
网页地址：
http://kswjz.com/article/gcpeci.html
扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
