CSS中的超出部分指的是元素在它們的容器中超出邊界的部分。在某些情況下,我們希望隱藏這些超出的部分。這可以通過CSS中的overflow屬性來實(shí)現(xiàn)。
.container { width: 200px; height: 200px; overflow: hidden; } .container img { width: 300px; }
在上面的代碼中,容器元素使用了overflow:hidden,使得超出容器邊界的部分被隱藏。例如,如果容器元素的寬度是200像素,但是其中包含的圖片寬度是300像素,那么超出容器邊界的部分就會(huì)被隱藏起來。
除了使用overflow:hidden,我們還可以使用overflow:auto來自動(dòng)添滑動(dòng)條,這樣用戶就可以滾動(dòng)到超出部分了。
.container { width: 200px; height: 200px; overflow: auto; }
在這個(gè)例子中,如果圖片的寬度超出了容器的邊界,那么容器會(huì)自動(dòng)添加一個(gè)水平方向的滾動(dòng)條,使得用戶可以滾動(dòng)到超出的部分。
總之,CSS中的overflow屬性是非常有用的,它可以幫助我們控制元素在容器中的顯示方式,隱藏超出的部分或者給用戶提供滾動(dòng)條。