亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

失效妙用overflow設置為hidden有啥意義呢?默認visible可以不大神解釋下

最后overflow為啥一定要設置hidden呢?默認visible可以嗎

正在回答

1 回答

僅對于 img 元素來說的話,overflow 的值是哪個都可以,因為對于 img 都會失效。

既然會失效,那為什么要用 overflow,而且是 hidden,那是因為與 img 同級的兄弟元素可能溢出容器范圍。

那你問設置 visible: visible 可以嘛?當然可以,如果 img 元素的兄弟元素里的內容不會溢出容器的話。

再問既然都不會溢出,也沒別的需求,那完全不用 overflow? 可不可以?當然可以。因為此處用 overflow 完全就是為了防止內容溢出的,而不是防止 img 元素會怎么樣怎樣的。


總結一下:

0? 首先明白,overflow 為什么會對案例中 img 元素無效

① 圖片移到右側使用的是 absolute 跟 text-align,與 overflow 無關

② overflow 只作用于與 圖片同級的 非 absolute 元素里的內容,防止溢出容器??


下面給個溢出效果的代碼案例:

<div?style="height:?300px;overflow:auto">
????<div?class="h0?ovh?tr"?style="height:?700px;width:?600px;
???????????????margin:0?auto;background-image:?url(./53937347_p0.png);
???????????????background-repeat:?no-repeat;????????
???????????????background-position:?center?center;????????
???????????????background-size:cover">????????
????????&nbsp;
????????下面就是會溢出的文本,所以父級會用?overflow:?hidden;
????????<br>
????????dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd????????
???????<img?class="abs?ml30?mt30"?style="height:?80px;"?src="./53937347_p0.png"?alt="">
????</div>????
</div>


1 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

失效妙用overflow設置為hidden有啥意義呢?默認visible可以不大神解釋下

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號