即使按鈕元素具有 ，為什么.div2內部.div1也會考慮大小overflow: hidden？
我也嘗試添加text-overflow: clip到按鈕，但結果相同。只有添加display: flex似乎有效。為什么 ？
.div1 {
padding: 10px;
background-color: orange;
}
.div2 {
width: 50px;
height: 150px;
background-color: red;
}
.button {
height: 50px;
overflow: hidden;
/* display: flex; */
}<div class="div1">
<button class="button">
<div class="div2"></div>
</button>
</div>uj5u.com熱心網友回復：
而不是溢位：隱藏；您想像這樣將可見性設定為隱藏。
可見性：隱藏；
uj5u.com熱心網友回復：
好吧，看起來你只是在練習一些 CSS。嘗試為按鈕添加固定寬度，然后overflow: hidden;將生效。默認情況下，按鈕也顯示行內塊，因此它們會自動調整到內容或子項的大小。
.div1 {
padding: 10px;
background-color: orange;
}
.div2 {
width: 50px;
height: 150px;
background-color: red;
}
.button {
height: 50px;
overflow: hidden;
/* display: flex; */
}
.button-1 {
width: 45px;
}<div class="div1">
<button class="button">
BEFORE
<div class="div2"></div>
</button>
</div>
<div class="div1">
<button class=" button button-1">
AFTER
<div class="div2"></div>
</button>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/381925.html
下一篇：將每行顯示的按鈕限制為10個