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

為什麼外部

這裡沒有完全包圍內部

？

問題：

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

的內容是不會阻止外部

;調整視窗大小時不會縮小。結果，內部

討論：

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

溢出了。被設定為具有固定寬度。預設情況下，區塊元素的寬度是基於其父元素。然而，內部的

包含超出外層

寬度的內容，導致其溢出。

解：

讓外層

寬度小於外層

的寬度。圍繞內部

，可以利用 inline-block 和 min-width:100% 的組合。透過設定外部

到 inline-block 時，它的寬度變得基於內容而不是基於父級。新增 min-width:100% 可確保外部

永遠不會小於其內容的寬度。

更新的程式碼：

.demo {
  ...
  display:inline-block;
  min-width:100%;
}

此修改允許外部

根據其內容自動調整大小，防止內部

防止溢出。

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