我想讓照片庫上有懸停內容，但所選的照片有不同的形狀和大小，所以我設定了一個固定大小的區域（用%），我想用over-flow: hidden來隱藏圖片的溢位部分。但是，它仍然不能作業。我搜索了一下，最明顯的答案是在父元素和子元素中設定位置。然而，在我的例子中，我已經設定了，但仍然沒有效果。有誰知道這是為什么嗎？
HTML
<div class="container">
<img src="1st_pic.png">/span>
<div class="txt">
<p>test測驗</p>
</div>/span>
</div>/span>
CSS
.container{
position: relative;
width: 20%;
height: 30%。
over-flow:隱藏。
background-color: 黃色。
}
.container img{
position: absolute;
width: 100%;
}
.container .txt{
position: absolute;
top: 0%;
height: 100%;
width: 100%;
color: #fff;
background-color: rgba（0，0，0，.4）。
}
uj5u.com熱心網友回復：
嘗試 "溢位 "而不是 "溢位"。 Overflow
uj5u.com熱心網友回復：
你把overflow拼錯了。
嘗試一下
overflow: hidden;
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/309068.html
標籤：
上一篇：2021年版本的"`<a>`在`<button>`（官方）內是否允許？"問題
下一篇：如何在垂直方向上旋轉所有物件？