市民Z
2020-10-22 11:49
采纳率: 100%
浏览 115
已采纳

为什么给id为d2的div设置高度后两边的div会下沉?

给id为d2的div设置高度后两边的div会下沉,不设置就正常显示

<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<style>
*{
padding:0px;
margin:0px;
box-sizing:border-box;
}
.base{
display: inline-block;
height:100%;
}
</style>
</head>

<body>
<div  style="text-align: center;width:400px;border:1px solid red;padding:10px;height:100px">
    <div id="d1" class="base">
        <div>文字</div><br/>
        <div>文字</div>
        </div>
        <div id="d2" class="base" style="width:0px;border-right:1px solid black"></div>
    <div id="d3" class="base">
        <div>文字</div><br/>
        <div>文字</div>
        </div>
</div>
</body>
<script>
</script>
</html>

图片说明

2条回答 默认 最新

相关推荐 更多相似问题