divs在父div中的定位保持高度的長寬比

-7

我有一個div容器，並想在其中放置10個divs。divs在父div中的定位保持高度的長寬比

------------ 
||---||---|| <- container 
|| 1 || 2 || 
||---||---|| 
||---||---|| 
|| 3 || 4 || 
||---||---|| 
||---||---|| 
|| 5 || 6 || 
||---||---|| 
||---||---|| 
|| 7 || 8 || 
||---||---|| 
||---||---|| 
|| 9 || 10|| 
||---||---|| 
------------

我想這些divs是正方形，總是在2列，我想他們是父高度的20％。父div絕不允許改變比2內divs的總和其width以下，是確定被擴展（內divs必須連接到左）

我正在尋找的CSS溶液。

來源

2015-10-27 user732456

那麼你嘗試過什麼？ – j08691

你的作業何時到期？ –

如果你正在尋找一個CSS解決方案，那麼你至少可以做的就是發佈你想要它影響的HTML代碼。 – turbopipp

您可以在css中使用calc();選項。

例如;如果您的包裝div高度爲100%，則它是100vh。比你可以用它來設置內部的div寬度和高度：在這裏

.innerdiv { 
    height: 20vh; 
    width: 20vh; 
}

讀到它：https://css-tricks.com/viewport-sized-typography/

的支持是體面：http://caniuse.com/#search=vw

來源

2015-10-27 15:51:51 Kristine

如果您覺得這有幫助，請接受我的回答。謝謝。 – Kristine

這實際上解決了我的問題。找不到這個，雖然它在我眼前。我嘗試了幾種使用視口正確調整區域大小的方法，但沒有成功。而這一切都在我的百分比，bootstrap等其他嘗試旁邊。我的問題是通用的，因爲它必須是。在問題中提供哪些html結構，至少有10個原型？ – user732456

這是解決這個問題的好方法。如果您需要更多幫助，請告訴我。 – Kristine

divs在父div中的定位保持高度的長寬比

回答

相關問題