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>