css margin 百分比问题
margin 的top bottom的值使用百分时，如何使值相对于容器的高度进行计算?
目前用margin来调整上下间距,但是单位必须使用百分比.或者有其他办法使用百分比来调整元素的间距？
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
margin 的top bottom的值使用百分时，如何使值相对于容器的高度进行计算?
目前用margin来调整上下间距,但是单位必须使用百分比.或者有其他办法使用百分比来调整元素的间距？
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论（4）
是根据宽度来的，认真看下标准
可以试试em 或者 rem 不一定非要 %
需要给html，body设置{height：100%}，然后用height百分比就可以了，例子如下：
<!DOCTYPE html>
<html lang="en">
<head>
<style>
html,body{ height:100%; }
.one {height: 50%}
.two { height:50%; width:100%;background-color:lightgreen; line-height: 50%;}
.three{height: 50%;background-color: lightyellow}
</style>
</head>
<body>
<div class="one">
<div class="two">
<div class="three">内容</div>
</div>
</div>
</body>
</html>
这样的场景感觉使用绝对定位更合适，也更加方便计算。