主页 > 知识库 > 用margin和overflow属性实现div间距的方法

用margin和overflow属性实现div间距的方法

热门标签:检查注册表项 铁路电话系统 银行业务 网站文章发布 美图手机 呼叫中心市场需求 智能手机 服务器配置
overflow实现div间距
通常我们在制作上图的时候,会分别给四个div加上不同的css属性,来实现中间间隔。但我们更希望的是不需要对html标签做标识,直接能通过css实现,今天在论坛上小志提出了一个很不错的解决方案。使用overflow:hidden属性。或许很多人已经是这样用了,我没用过,觉得耳目一新。呵呵。其实道理很简单,我们按照正常的设置li的margin-right、margin-bottom属性,这样的结果自然会比我们期望的要多出来右边和下方的,这个时候我们通过ul的父级来设置width/height属性,然后overflow:hidden把多余的隐藏掉。好方法,呵呵!

解决方法请看图:
overflow实现div间距

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
您可能感兴趣的文章:
  • firefox margin-top失效的原因与解决办法
  • jQuery获得包含margin的outerWidth和outerHeight的方法
  • Android中gravity、layout_gravity、padding、margin的区别小结
  • 各浏览器padding、margin的差异
  • 用iframe margin实现调用其他网页的某一区域的方法
  • CSS的margin边界叠加深度剖析图文演示
  • 关于margin-left的示例代码
  • 简单谈谈margin负值的作用

标签:乐山 红河 上海 长治 新疆 沈阳 河南 沧州

巨人网络通讯声明:本文标题《用margin和overflow属性实现div间距的方法》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266