zoom解决高度自增长
来源:互联网 发布:韩国订房软件 编辑:程序博客网 时间:2024/06/12 22:12
<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>zoom使用方法</title></head><style>*{ padding:0; margin:0;}.clear{ height:0px; overflow:hidden; clear:both; width:100%;}.box ul{ background:#f00; list-style:none; padding:0; margin:0; zoom:1;}.box ul li{ width:100%; float:left; padding:10px 0; margin:10px 0; background:#066; color:#fff;}.box2{ background:#f00; zoom:1;}.box2 .item{ width:100%; height:23px; float:left;padding:10px 0; margin:10px 0; background:#066; color:#fff;}</style><body><div class="box"><ul> <li>list1</li> <li>list2</li> <li>list3</li> <li>list4</li> <div class="clear"></div> </ul></div><div class="box2"><div class="item">item1</div> <div class="item">item2</div> <div class="item">item3</div> <div class="item">item4</div> <div class="clear"></div></div></body></html>