热门文章
实例代码
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>MJBlog</title><styletype="text/css">.box{width:300px;height:auto;background-color:#000000;margin:100pxauto;padding:5px;}.boxh3{width:300px;line-height:24px;color:#CCCCCC;}.xx{width:140px;float:left;height:24px;overflow:hidden;padding:0px5px;line-height:24px;color:#FF9933;}.za{overflow:auto;zoom:1}.zb{overflow:auto;}.zc{zoom:1;}</style></head><body><pclass="box"><h3>这个没加overflow:auto和zoom:1属性，没有清除浮动，底下的li产生溢出重叠现象</h3><pclass="xx">福州酒吧万圣节派对活动</p><pclass="xx">福州酒吧万圣节派对活动</p><pclass="xx">福州酒吧万圣节派对活动</p><pclass="xx">福州酒吧万圣节派对活动</p><pclass="xx">福州酒吧万圣节派对活动</p><pclass="xx">福州酒吧万圣节派对活动</p></p><pclass="boxza"><h3>这个加overflow:auto和zoom:1属性，清除浮动，正常</h3><pclass="xx">福州酒吧万圣节派对活动</p><pclass="xx">福州酒吧万圣节派对活动</p><pclass="xx">福州酒吧万圣节派对活动</p><pclass="xx">福州酒吧万圣节派对活动</p><pclass="xx">福州酒吧万圣节派对活动</p><pclass="xx">福州酒吧万圣节派对活动</p></p></body></html>到此，相信大家对“CSS中zoom和overflow:auto属性怎么用”有了更深的了解，不妨来实际操作一番吧！这里是本站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！