overflow属性的用法

来源:互联网 发布:人工智能项目 编辑:程序博客网 时间:2024/05/19 13:18

经常用到overflow:hidden这个属性。
我们不给元素设置高,而是让他的孩子来撑起他的高。这个时候用的就是这个属性。
那是因为这个父亲是块级元素 所以会撑起它的高。
如果元素时内联元素,那么这个属性的意思就是隐藏显示多余的内容。
类似的效果就是
这里写图片描述
图片的大小固定后,给他父亲加上该属性并用css3放大的属性。就有了该效果
代码如下:

        a{            display: inline-block;            overflow: hidden;            //块:            img{              width: 590px;              height: 240px;              transition:All 0.4s ease-in-out;            }            img:hover{              transform:scale(1.05);            }         }
原创粉丝点击