Html 使DIV拥有100%的父DIV，而不知道父DIV'；s高度，保持灵敏_Html_Css_Web_Responsiveness

Html 使DIV拥有100%的父DIV，而不知道父DIV'；s高度，保持灵敏

html css web

Html 使DIV拥有100%的父DIV，而不知道父DIV'；s高度，保持灵敏,html,css,web,responsiveness,Html,Css,Web,Responsiveness,我有这样的代码： <body> <div class="parent"> <div class="children"> Some content here </div> </div> </body> 我想使子项的高度等于父项的宽度。不幸的是，我不知道为什么。我试着上网，尝试了不同的解决方案，比如儿童{width:90%；text align:justify；height:100%；}，但它们不起作用。我知道我可以用tabl

我有这样的代码：

<body>
<div class="parent">
<div class="children">
Some content here
</div>
</div>
</body>

我想使

子项的高度

等于

父项的宽度

。不幸的是，我不知道为什么。我试着上网，尝试了不同的解决方案，比如

儿童{width:90%；text align:justify；height:100%；}

，但它们不起作用。我知道我可以用table代替第二个div，但是这个网站在较小的设备上不会有响应，这对我来说非常重要。有什么建议吗

您可以在CSS 3中使用视口单位执行此操作（每个vw为视口宽度的1%）：

#父级{
位置：相对位置；
背景：#aaa；
利润率：10px；
宽度：50%；
}
#孩子1{
高度：100px；
背景：#333；
宽度：100px；
利润率：10px；
}
#孩子2{
高度：50vw；
宽度：100%；
背景：#f00；
}
}

在纯CSS中，无法引用其他元素的属性值。为了使子对象的高度等于父对象的宽度，需要使用javascript

页面渲染完成后，您需要使用javascript获取父div的宽度，并使用该值设置子div的高度。

是否要将高度与宽度匹配？？出于什么目的？@ImAtWar这对于我在iframe上进行一些操作非常重要。这不是问题的重点。使用

填充顶部：100%

技巧。我确信有一个重复。你的答案大部分是错误的。@SalmanA:请详细说明……例如：如果父母有一个定义的高度，那么你可以通过直接CSS指定

高度：100%

使孩子的高度相同。@SalmanA:你没有正确阅读问题。他们不想和身高相配。他们试图使孩子的身高与父母的身高相匹配。我指的是你问题的第一部分，听起来像是一般性的陈述。另外，百分比填充（上/下/左/右）指的是家长的宽度；我相应地改变了答案。

body {width:100%;height:100%}
.parent{background-color: grey;}
.children{width: 90%; text-align: justify;}