zoukankan      html  css  js  c++  java
  • 如何解决浮动元素高度塌陷---CSS

    解决高度塌陷问题的方法:

    方法一、

    //给父元素添加声明 
        overflow:hidden;
        缺点:回隐藏溢出的元素;

    方法二、

    在浮动的元素下添加空div标签,并给该元素添加声明:
        clear:both;
        height:0; 
        overflow:hidden;
        缺点:在结构里增加了空标签,不利于代码可读性,且降低了浏览器性能;

    方法三、

    万能清除浮动法:
        选择符:
        .clear:after{
            content: ' ',
            clear: both;
            display:block;
            height:0;
            visibility:hidden;
        }
        .clear{zoom:1;}    //兼容IE6、7
  • 相关阅读:
    数据库是什么以及用来干嘛
    10.3
    10.2
    12.7
    12.5
    12.4
    12.3
    12.2
    12.1JOptionPane
    11.30eclipse常用快捷键
  • 原文地址:https://www.cnblogs.com/yuzhongyu/p/10596642.html
Copyright © 2011-2022 走看看