when reducing the resolution, I want the height of this sp2 to be as full of div1 as sp3. I set height:100%. Why doesn"t it work? Can this be done without changing the current layout?
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
-sharpdiv1{width: 100%;min-height: 50px;background-color: yellow}
-sharpsp2{width: 20%;min-height: 100%;display: inline-block;background-color: blue;}
-sharpsp3{width: 50%;min-height: 100%;display: inline-block;background-color: red;word-break: break-all;word-wrap: break-word;}
</style>
</head>
<body>
<div id="div1">
<span id="sp2">aaa</span>
<spanv id="sp3">ssssssssssssssssaaaasssssssssssssssssssssssaaaasssssssssssssaaaaasss</span>
</div>
</body>
</html>