zoukankan      html  css  js  c++  java
  • 【转载】那些年我们一起清除过的浮动demo

    返回文章:那些年我们一起清除过的浮动

    闭合浮动 与 清除浮动 的区别

    .main:很抱歉,现代浏览器中我没能把warp撑高(float:left)
    .side:我也浮动了(float:left)
    .main:warp自己闭合浮动了,所以footer不用再清除浮动了(float:left)
    .side:我也浮动了(float:left)

    闭合浮动的几种方法

    1)添加额外标签

    .main{float:left;}
    .side{float:right;}
     

    2)使用 br标签和其自身的 html属性

    .main{float:left;}
    .side{float:right;}

    3)父元素设置 overflow:hidden

    .main{float:left;}
    .side{float:right;}

    6)父元素设置display:table

    .main{float:left;}
    .side{float:right;}

     转自:http://www.iyunlu.com/demo/enclosing-float-and-clearing-float/index.html

  • 相关阅读:
    正则表达式match方法和search方法
    正则表达式(基础篇1)
    动画
    重绘和重排(回流)
    数组常用的10个方法
    css3只需一招,将网站变成灰色的
    Python-类的几种调用方法
    Codeforces Global Round 8 C. Even Picture(构造)
    Codeforces Global Round 8 D. AND, OR and square sum(位运算)
    Codeforces Round #650 (Div. 3) C. Social Distance
  • 原文地址:https://www.cnblogs.com/hycms/p/3895913.html
Copyright © 2011-2022 走看看