首頁 > web前端 > css教學 > 為什麼調整大小時我的外部``不包含我的內部``?

為什麼調整大小時我的外部``不包含我的內部``?

Susan Sarandon
發布: 2024-12-18 00:11:09
原創
956 人瀏覽過

Why Doesn't My Outer `` Contain My Inner `` When Resized?

為什麼外部

這裡沒有完全包圍內部

問題:

在提供的程式碼片段中,內部

的內容是不會阻止外部
;調整視窗大小時不會縮小。結果,內部

討論:

問題的出現​​是因為外部

溢出了。被設定為具有固定寬度。預設情況下,區塊元素的寬度是基於其父元素。然而,內部的
包含超出外層
寬度的內容,導致其溢出。

解:

讓外層

寬度小於外層
的寬度。圍繞內部
,可以利用 inline-block 和 min-width:100% 的組合。透過設定外部
到 inline-block 時,它的寬度變得基於內容而不是基於父級。新增 min-width:100% 可確保外部
永遠不會小於其內容的寬度。

更新的程式碼:

.demo {
  ...
  display:inline-block;
  min-width:100%;
}
登入後複製

此修改允許外部

根據其內容自動調整大小,防止內部
防止溢出。

以上是為什麼調整大小時我的外部``不包含我的內部``?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板