html5的新加的标签：details的用法,两种方式的介绍，一种是直接css的实现，一种是js+css的实现。
目前
创新互联已为上千余家的企业提供了网站建设、域名、虚拟空间、
绵阳服务器托管、企业网站设计、
讷河网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。
内容
通用的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;
}
另外有需要云服务器可以了解下创新互联cdcxhl.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
分享标题：html5的details标记，summary标记，-创新互联
本文URL：http://cdkjz.cn/article/ddcgoo.html
