其他常用HTML 片段

//模拟select
.select_box{width:100%;height:40px;position:absolute;left:0px;top:0px;cursor:pointer;z-index:1;border:1pxsolid#d5d5d5;behavior:url(PIE_uncompressed.htc);border-radius:3px;}//注意宽度设置为100%,继承父元素的宽度
.select_box.selected{width:80%;height:40px;line-height:40px;font-size:17px;text-indent:18px;color:#343434;overflow:hidden;}//注意宽度设置为80%,并且overflow:hidden;保证文字太多不会与后面箭头重叠
.select_list_box{width:100%;/*height:150px;*//*overflow:hidden;overflow-y:scroll;*/background:#d5d5d5;}//注意1.宽度设置为100%,继承父元素的宽度。2.如果有内容太多可以放开滚动
.select_list_box.select_list{width:100%;height:40px;font-size:17px;line-height:40px;text-indent:18px;border-top:1pxsolid#f5f5f5;color:#FFF;}//注意宽度设置为100%,继承父元素的宽度
.select_list_box.select_list:hover{background:#c9c9c9;}
.select_arrow{position:absolute;right:0px;top:0px;cursor:pointer;}

.z_index6{z-index:6;}
.z_index5{z-index:5;}
.z_index4{z-index:4;}
.z_index3{z-index:3;}
.z_index2{z-index:2;}
.z_index1{z-index:1}