鍍金池/ 問答/HTML5  HTML/ 怎樣讓這個sp2的高度和sp3一樣高呢？

怎樣讓這個sp2的高度和sp3一樣高呢？

當(dāng)縮小分辨率時 想讓這個sp2的高度和sp3一樣充滿div1 我設(shè)置了height:100%為什么不管用？在不改變當(dāng)前布局的情況下可以做到嗎？
圖片描述

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
    #div1{width: 100%;min-height: 50px;background-color: yellow}
    #sp2{width: 20%;min-height: 100%;display: inline-block;background-color: blue;}
    #sp3{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>
回答
編輯回答
編輯回答
夏夕

flex table?
或者sp3 margin-left:20% sp2定位？

2018年5月11日 16:41
編輯回答
晚風(fēng)眠

用flex就可以了
https://codepen.io/caocong/pe...

2018年1月31日 14:53
編輯回答
替身
#div1>span{
      vertical-align: top;
    }
    
 document.getElementById("sp2").style.height=document.getElementById("sp3").offsetHeight+"px";

行內(nèi)塊元素改成頂部對齊，用js使2元素高度相等

2017年6月18日 12:49