<!DOCTYPE html>
<html>
<body>
<div style="width: 200px; height: 100px;">
    <div style="width: 100px; max-height: 50%;">
	    <div style="width: 20px; height: 80px;"></div>
    </div>
</div>

<div style="width: 200px; height: 100px;">
    <div style="width: 100px; min-height: 50%;">
	    <div style="width: 20px; height: 10px;"></div>
    </div>
</div>

<div style="width: 200px; margin-bottom: 100px;">
    <div style="width: 100px; min-height: 50%;">
	    <div style="width: 20px; height: 10px;"></div>
    </div>
</div>

<div style="position: relative; width: 200px; margin-bottom: 100px;">
    <div style="position: absolute; width: 100px; max-height: 50%;">
		<div style="width: 20px; height: 80px;"></div>
    </div>
	<div style="width: 20px; height: 80px;"></div>
</div>

<div style="position: relative; width: 200px;">
    <div style="position: absolute; width: 100px; min-height: 50%;"></div>
	<div style="width: 20px; height: 80px;"></div>
</div>

</body>
</html>