溢出可見而不增加頁面寬度（滾動條）

我有一些元素可以在包含元素之外轉義（如果overflow: hidden爲真，它們將被剪裁）。不過，我設置了overflow: visible，因爲我希望他們能被看到。 無論其，我不想讓他們作出貢獻的頁面寬度（它們無助於包含元素的寬度相同）：溢出可見而不增加頁面寬度（滾動條）

page +---------------------+ | | | container | | +----------------+ | | | | | | | overflow child | | | | +-----------------------+ | | | | | | | | | | | | | | +-----------------------+ | | | | +---------------------_

在這裏，我看到整個頁面大小適合「溢出的孩子」。注意：我使用的內部組件不能修改頁面或「容器」之外的任何內容（我可以修改容器）。爲了澄清，我想內部溢出div是這個大小，我只是不希望它強制頁面增長（同樣它不強迫父元素增長）。

來源

2015-10-04 Francisco Ryan Tolmasky I

爲什麼不設置一個特定的寬度％至容器的子elemnt？ –

我希望孩子成爲這樣的大小，我只是不希望頁面越來越適合它。如果頁面恰好足夠大以適應，那麼很好，如果不是，則不要展開。 –

可以請你發佈你的代碼？也許是一個jsfiddle？ – GibboK

如果你可以設置子元素直接，那麼你可以把你的孩子一個div內，併爲這個div

max-width: 100%;

來源

2015-10-04 07:36:16 scaisEdge

我已經添加了一個編輯：我不想改變子div的大小，我只是不希望它使頁面增長（就像它不會使父div增長）。 –

但最大寬度：100％這是否使用最大父寬度的100％。 – scaisEdge

溢出可見而不增加頁面寬度（滾動條）

回答

相關問題