经常用到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);
}
}