CSS中zoom和overflow:auto属性怎么用

本篇内容主要讲解“CSS中zoom和overflow:auto属性怎么用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“CSS中zoom和overflow:auto属性怎么用”吧!

目前创新互联已为上1000家的企业提供了网站建设、域名、网站空间、网站改版维护、企业网站设计、翼城网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

实例代码





MJBlog

.box{ 
     width:300px;
  height:auto;
  background-color: #000000;
  margin:100px auto;
  padding:5px;

  }
.box h3{ width:300px; line-height:24px; color:#CCCCCC;}  
.xx { width:140px; float:left; height:24px; overflow:hidden; padding:0px 5px; line-height:24px; color: #FF9933;}
.za{overflow:auto; zoom:1}
.zb{overflow:auto;}
.zc{zoom:1;}     
  







这个没加overflow:auto和zoom:1属性,没有清除浮动,底下的li产生溢出重叠现象

福州酒吧万圣节派对活动
福州酒吧万圣节派对活动
福州酒吧万圣节派对活动
福州酒吧万圣节派对活动
福州酒吧万圣节派对活动 福州酒吧万圣节派对活动

这个加overflow:auto和zoom:1属性,清除浮动,正常

福州酒吧万圣节派对活动 福州酒吧万圣节派对活动 福州酒吧万圣节派对活动 福州酒吧万圣节派对活动 福州酒吧万圣节派对活动 福州酒吧万圣节派对活动

到此,相信大家对“CSS中zoom和overflow:auto属性怎么用”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


文章标题:CSS中zoom和overflow:auto属性怎么用
标题网址:http://myzitong.com/article/gdjggs.html