张鑫旭overflow教程笔记

如果overflow-x  overflow-y 值相同, 则等同于  overflow

如果两者值不同,其中一个为visible  另外一个为其他值,这个visible会被重置为auto

在ie7下内容器设置宽度百分百水平会出现滚动条

overflow作用的前提:

张鑫旭overflow教程笔记_第1张图片



张鑫旭overflow教程笔记_第2张图片



张鑫旭overflow教程笔记_第3张图片 张鑫旭overflow教程笔记_第4张图片
只有chrome浏览器能显示padding-bottom,其他都不能
张鑫旭overflow教程笔记_第5张图片 张鑫旭overflow教程笔记_第6张图片
张鑫旭overflow教程笔记_第7张图片


广为流传换的清除浮动方法:

clearfix {
     *zoom: 1;
}
clearfix: after {
     content: '';
     display: table;
     clear: both;
}



张鑫旭overflow教程笔记_第8张图片
overflow  与绝对定位:
当元素绝对定位而其父容器overflow:hidden时,,overflow:hidden失效

失效原因:
张鑫旭overflow教程笔记_第9张图片 张鑫旭overflow教程笔记_第10张图片 张鑫旭overflow教程笔记_第11张图片


妙用overflow:失效

充当position:fixed
        .parent {
            overflow: hidden;
            height: 0;
        }
        .abs {
            position: absolute;
        }

    <div class="parent">
         <img class="abs" src="" alt="">
    </div>



张鑫旭overflow教程笔记_第12张图片

你可能感兴趣的:(css,overflow,张鑫旭)