css宽度与高度相同，不起作用
css宽度与高度相同，不起作用
提问于 2016-11-05 11:47:46
我已经试过了，但是不起作用。
div {
background:orange;
height:20%;
padding-left:20%;
}宽度将以百分比形式与窗口宽度相关。我希望在百分比值中使width等于height，并且只使用css。
here我是从哪里得到的？
有什么需要帮忙的吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-11-05 16:01:39
如果你可以更改标记，你可以添加另一个div并添加一些伪元素来实现这一点。使用下面的标记。
<div class="parent">
<div class="child"></div>
</div>
div.child {
background: orange;
height: 20%;
margin-right: 80%;
}
.child:after {
content: "";
display: block;
padding: 50% 0%;
}
div.parent {
width: 100%;
height: 100%;
}<div class="parent">
<div class="child"></div>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/40434546
复制相关文章
相似问题