how to make div1 and div2 increase with the height of div3 when div3 has two div3 in div2 and div3 when there is a div3?
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
*{margin:0;padding: 0;}
html,body{height:100%;width:100%;}
-sharpdiv1{background-color: blue;height: 100%;width: 100%}
-sharpdiv2{background-color: red;height: 100%;width: 60%;}
.div3{width: 10%;height: 500px;background-color: yellow}
</style>
</head>
<body>
<div id="div1">
<div id="div2">
<div class="div3"></div>
<div class="div3"></div>
</div>
</div>
</body>
</html>