• 青海边麻沟村村支书李培东:让每个村民都能过上幸福的生活 2019-07-18
  • 美方公布对华贸易措施 商务部:中方不得不强力回击 2019-07-18
  • 人民日报评论员:大就要有大的样子 2019-07-17
  • 纷纷“结缘”世界杯 家电企业图什么 2019-07-15
  • 更正:将“只有存在……”改为“只要存在……”。 2019-07-14
  • 环境部专项整治长江经济带固体废物倾倒 督查中不需地方环保部门陪同 2019-07-14
  • 光明日报:深入真实生活的综艺节目更好看 2019-07-08
  • 网售私房粽游走法律边缘 打养生旗号难以说清依据 2019-07-07
  • 大米-热门标签-华商生活 2019-07-02
  • 紫光阁中共中央国家机关工作委员会 2019-07-02
  • 韩正出席企业职工基本养老保险基金中央调剂制度贯彻实施工作会议 2019-06-30
  • 不要拿《爱情公寓》当你的青春回忆,它不配 2019-06-30
  • 点击天山网 掌握全新疆 2019-06-24
  • 市场监管总局部分网红饮品存隐患 2019-06-22
  • 京研究小客车指标市场化配置方案 雾霾天限行分区域分时段 2019-06-22
  • 15选5走势图
    电话:13843226952
     
    工作时间:周一至周六:8:30-5:00  周日可联系客服QQ
       
      建站咨询㈠ 建站咨询㈡ 售后服务 售前咨询  
    关于阳光,吉林市网站建设,吉林市网站制作,网络公司
     当前位置:15选5走势图 >>> 网页设计

    新疆福彩35选72019072:吉林网站建设中相当简洁的CSS清理浮动方式

    日期:2012-3-28    来自:15选5走势图   作者:Admin   去百度查找  去Google查找

    15选5走势图 www.kdth.net 在网站建设中常用到 布局时清理浮动有很多种方式,像使用 br 标签自带的 clear 属,使用元素的 overflow,使用空标签来设置 clear:both 等等。但考虑到兼容问题和语义化的问题,一般我们都会使用如下代码来清理浮动。


    /* 清理浮动 */
    .clearfix:after {
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
    }
    .clearfix {
    zoom:1;
    }
    其原理是,在「高级」浏览器中使用 :after 伪类在浮动块后面加上一个非 display:none 的不可见块状内容来,并给它设置 clear:both 来清理浮动。在 ie6 和 7 中给浮动块添加 haslayout 来让浮动块撑高并正常影响文档流。
    上面的代码应该是现在主流的清理浮动方式。现在支付宝就使用这样的方式。而现在,Nicolas Gallagher 给出了一个更简洁的方案:
    .cf:before, .cf:after {
    content:"";
    display:table;
    }
    .cf:after {
    clear:both;
    }
    .cf {
    zoom:1;
    }
    原理还是一样的。使用 :after 伪类来提供浮动块后的 clear:both。不同的是,隐藏这个空白使用的是 display: table。而不是设置 visibility:hidden;height:0;font-size:0; 这样的 hack。
    值得注意的是这里中的 :before 伪类。其实他是来用处理 top-margin 边折叠的,跟清理浮动没有多大的关系。但因为浮动会创建 block formatting context,这样浮动元素上的另而一元素上如果刚好有 margin-bottom 而这个浮动元素刚好有margin-top 的话,应该让他们不折叠(虽然这种情况并不常见)。

    更多网站建设文章参见://www.kdth.net/jszx.html

     
    上一篇:建设单页网站所必须的四项准则
    下一篇:网页为什么打不开?
      阳光新闻 更多>>>
    吉林网站建设_吉林网页制作-阳光新闻
    2018年五一放假通知
    2018年清明节放假通知
    祝福到!给您送祝福啦!
    2018年春节放假通知!
    2017年国庆中秋放假安排
    2017年春节放假通知
      招贤纳士 更多>>>
    诚招吉林市网站建设商务经理
    招聘吉林市网站建设技术员
    公司招收吉林市网站开发学员
    因业务发展需要特诚聘商务代表
      网站建设专题 更多>>>
    阳光科技为您提供网站改版服务
    为什么网页设计要简练?
    如何在百度提交收录,怎样让自己的网站排名
    什么样的网站最受访客喜欢?
    吉林市网站建设形式与内容应统一
    网站管理与团队经营的秘诀
    优质的单页网站如何创建
     
    Copyright © 2008-2018 15选5走势图, All Rights Reserved    
    电话:13843226952  联系人:王经理
    ICP备案号:吉ICP备10003760号   技术支持:15选5走势图
    打造好的15选5走势图!我们为您提供有品质的15选5走势图、15选5走势图、15选5走势图、15选5走势图、15选5走势图、15选5走势图服务!
  • 青海边麻沟村村支书李培东:让每个村民都能过上幸福的生活 2019-07-18
  • 美方公布对华贸易措施 商务部:中方不得不强力回击 2019-07-18
  • 人民日报评论员:大就要有大的样子 2019-07-17
  • 纷纷“结缘”世界杯 家电企业图什么 2019-07-15
  • 更正:将“只有存在……”改为“只要存在……”。 2019-07-14
  • 环境部专项整治长江经济带固体废物倾倒 督查中不需地方环保部门陪同 2019-07-14
  • 光明日报:深入真实生活的综艺节目更好看 2019-07-08
  • 网售私房粽游走法律边缘 打养生旗号难以说清依据 2019-07-07
  • 大米-热门标签-华商生活 2019-07-02
  • 紫光阁中共中央国家机关工作委员会 2019-07-02
  • 韩正出席企业职工基本养老保险基金中央调剂制度贯彻实施工作会议 2019-06-30
  • 不要拿《爱情公寓》当你的青春回忆,它不配 2019-06-30
  • 点击天山网 掌握全新疆 2019-06-24
  • 市场监管总局部分网红饮品存隐患 2019-06-22
  • 京研究小客车指标市场化配置方案 雾霾天限行分区域分时段 2019-06-22
  • 3d福彩技巧网 广东十一选五定胆技巧 2019最新码报资料 蓝球开奖结果百度 江苏十一选五走势图江苏十一五期 湖北30选5彩票开奖 福彩3d跨度走势图第37 吉林快三历史记录 2003年福彩3d走势图 32张牌牌九千术大揭密 六合图库彩图118万众 排列五走势图表带坐标连线 走势图投注 新马娱乐城注册 如何玩转广东快乐十分