使一个高度100%的正方形
使一个高度100%的正方形
提问于 2014-06-30 08:14:38
我试图使一个高度100%的屏幕，只有在css的正方形。我知道我可以用JS计算高度并将其应用于宽度和高度，但我只想寻找css解决方案。
我找到了以下答案，但看起来它的宽度是100%。当我试着把高度100%
.square{
height: 100%;
padding-right: 100%;
background: red;
}什么也没有出现(看看这个小提琴)。知道是怎么回事吗？
回答 3
Stack Overflow用户
回答已采纳
发布于 2014-06-30 08:23:11
试试这个http://jsfiddle.net/webtiki/c43QG/
.square{
height:100vh;
width:100vh;
}Stack Overflow用户
发布于 2014-06-30 08:19:39
- 您将第一次高度设置为100%，在下一行设置为0。为什么？
- 您必须将高度: 100%添加到html中，http://jsfiddle.net/9Nxjs/2/
Stack Overflow用户
发布于 2014-06-30 08:30:52
我希望这能帮到http://jsfiddle.net/r8732/
<div class="dummy_class">
I am height : 100%
</div>
html, body{
height:100%;
}
.dummy_class{
height:100%;
background-color : red;
}添加高度:100%添加到html中
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24485647
复制相关文章
相似问题
腾讯云开发者
