2016-09-23 13 views
0

有沒有一個官方的屬性或價值,你可以在一個div上設置它的大小,它的內容?你會認爲height:auto會做到這一點,但事實並非如此。什麼是官方財產或價值來確定div容器的內容大小?

如果一個不存在,那是一個有效的答案。

我在https://www.w3.org/standards/webdesign/htmlcss上搜索,但無法找到自動調整div的參考。有人的搜索可能會有更好的結果。

還有其他問題試圖回答這個問題,但它不是一個如何質疑它是一個鏈接到描述屬性,價值或行爲的官方文檔的鏈接。

+0

這不是CSS或W3C規範在一般情況下的工作方式。沒有這樣的屬性,但是你永遠不會在規範中發現某些東西,明確地說,因爲它會阻止將來添加這樣的功能。這些規範是這樣寫的,可以添加新的功能,而不會直接與之前的規格相矛盾。 – Alohci

+0

感謝下面的答案,我遵循官方的「適合內容」值「fit-content」,「fit-available」,「max-content」和「min-content」的鏈接。我仍在閱讀關於他們以及他們應該如何工作。更多信息在這裏https://drafts.c​​sswg.org/css-box-3/#propdef-height。 –

+1

fit-content等仍然不包括絕對定位的後代。 – Alohci

回答

2

確實如此。如果你在你的容器中使用絕對或固定位置的元素,它毫無意外的工作。
您應該提供一個示例。
其他選項將使用display: inline-block;,這可能會導致一些問題,具體取決於您的標記和其他元素。

+0

我有另一個問題,有一個代碼示例的鏈接。但我正在尋找特定的官方文檔。我想從Mozilla或Google閱讀關於如何告訴容器根據其內容大小來閱讀的內容。我懷疑它存在。我懷疑他們曾經寫過一個頁面或指定了一個屬性來創建這種行爲。 –

+0

正如我所描繪的那樣,問題是容器的孩子是如何造型的。實際上有文件[這裏](https://developer.mozilla.org/en-US/docs/Web/CSS/position)。 進一步閱讀[視覺格式模型](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Visual_formatting_model) –

1

看看https://developer.mozilla.org/en/docs/Web/CSS/height

有一些實驗性的新值可能會做:min-contentfit-content。當然,這些都是實驗性的,如果沒有適當的回退,不應該用於生產代碼。

+1

這可能是答案。我發現它鏈接到https://drafts.c​​sswg.org/css-box-3/#propdef-height,其中有建議獲取此行爲。 –

+1

我必須重申,這些值目前僅適用於Chrome瀏覽器(桌面和Android)。對於其他瀏覽器,您必須使用備用解決方案。 – emiliopedrollo

相關問題