首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使一个高度100%的正方形

使一个高度100%的正方形
EN

Stack Overflow用户
提问于 2014-06-30 08:14:38
回答 3查看 196关注 0票数 1

我试图使一个高度100%的屏幕,只有在css的正方形。我知道我可以用JS计算高度并将其应用于宽度和高度,但我只想寻找css解决方案。

我找到了以下答案,但看起来它的宽度是100%。当我试着把高度100%

代码语言:javascript
运行
复制
.square{
    height: 100%;
    padding-right: 100%;
    background: red;
}

什么也没有出现(看看这个小提琴)。知道是怎么回事吗?

EN

Stack Overflow用户

发布于 2014-06-30 08:30:52

我希望这能帮到http://jsfiddle.net/r8732/

代码语言:javascript
运行
复制
<div class="dummy_class">
  I am height : 100%
</div>

   html, body{
    height:100%;
}

.dummy_class{
    height:100%;
    background-color : red;
}

添加高度:100%添加到html中

票数 -1
EN
查看全部 3 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/24485647

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档