(宽高)自适应、隐藏元素方法

1. 宽度自适应：宽度100%、不设置宽度

宽度100%和不设置宽度有区别吗?

答：默认情况下两者没有区别,如果有盒模型，宽度100%相当于一个固定值，会出现横向滚动条，影响页面布局

 2.  浮动元素自适应：浮动之后宽高由内容撑开

自适应方法：       
         1.宽度自适应
            宽度100%、不设置宽度
            
        浮动元素自适应：浮动之后宽高由内容撑开

        2. 最小宽高 最大宽高
            min-height最小高度
            max-height最大高度
            min-width:最小宽度
            max-width:最大宽度

        3.左侧固定，右侧自适应
            calc(x 运算符 y)
            运算符: ＋ - * / %
            运算符前后一定有空格


       

 补充：网页嵌套标签 iframe

            行内块元素属性

        网页嵌套标签 iframe
        行内块元素属性
            width:宽度
            height:高度
            scrolling:滚动条，属性值=no
            frameborder:边框，默认去掉=0
            vertical-align: middle;消除空隙 (css)

 隐藏元素方法

  隐藏元素方法
        1.display : none    隐藏元素，不占位置
            ----display : block

        2.visibility:设置元素可见性
            属性值: visible 可见的（默认） 
                    hidden: 隐藏元素，占位置
        
        3.opacity:透明度 0-1
            属性值:0 完全透明，隐藏元素，占位置
            ----opacity:1
            透明兼容写法    filter:alpha(opacity=0-100)

        4.height 设置为0实现隐藏元素，不占位置    影响文本内容
        
        5.使用缩放
        transform: scale（0）   缩放比例为0，实现隐藏元素，占位置