讓孩子div的父母的一半大小

Question

我有一個父母的div &它的一個小孩div。我想孩子有半寬&父div的一半高度。我不能使用任何特定的值（例如：500px ）或任何觀點單位（vh & vw）/百分比維度。那麼是否有任何方法來繼承父div的一半尺寸？

Answer 1

使用父母的尺寸比例隨着孩子的答案寬度&高度，如果你正在使用CSS

.parent { 
 
    height: 100px; 
 
    width: 100px; 
 
    background: red; 
 
} 
 

 
.child { 
 
    height: 50%; 
 
    width: 50%; 
 
    background: blue; 
 
}

<div class="parent"> 
 

 
    <div class="child"></div> 
 

 
</div>

JavaScript解決方案

另外您也可以劃分父高度和寬度設置爲一半，並將其設置爲子尺寸。

var parent = document.getElementsByClassName("parent")[0]; 
 

 
var child = document.getElementsByClassName("child")[0]; 
 

 
child.style.width = parent.offsetWidth/2 + "px"; 
 

 
child.style.height = parent.offsetHeight/2 + "px";

.parent { 
 
    height: 100px; 
 
    width: 100px; 
 
    background: red; 
 
} 
 

 
.child { 
 
    background: blue; 
 
}

<div class="parent"> 
 

 
    <div class="child"></div> 
 

 
</div>

Answer 2

使用寬度：50％和高度：50％。它將使用相應父級財產的50％。