如何解决为什么我的div高度应该是较小的?
#mainCoridor
div的高度低于显示器上屏幕的10%,我不知道为什么。
代码:
body {
height: 60vh;
width: 100%;
margin: 0;
padding: 0;
background-color: unset;
}
#mainCoridor {
position: relative;
width: 100%;
height: 10%;
background-color: tomato;
}
<body>
<div id="mainCoridor"></div>
</body>
解决方法
您的身体将占据视口高度的60%。
mainCoridor div设置为占主体高度的10%(视口高度的60%的10%)。看到图片
如果您希望mainCoridor占10%,则需要将主体设置为100vh。
,由于mainCoridor
的父级设置为采用视口高度的60%,因此该元素将根据父级计算其高度(60的10%)。
您可以将车身高度更改为100vh,也可以将mainCoridor's
高度设置为10vh。
https://www.tutorialrepublic.com/faq/how-to-set-a-div-height-to-100-percent-using-css.php
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。