怎样让这个sp2的高度和sp3一样高呢?

当缩小分辨率时 想让这个sp2的高度和sp3一样充满div1 我设置了height:100%为什么不管用?在不改变当前布局的情况下可以做到吗?
图片描述

<!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>
阅读 2.1k
4 个回答

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

#div1>span{
      vertical-align: top;
    }
    
 document.getElementById("sp2").style.height=document.getElementById("sp3").offsetHeight+"px";

行内块元素改成顶部对齐,用js使2元素高度相等

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题