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中的定位保持高度的长宽比

回答

相关问题