css margin 百分比问题

ssss
  • 522

margin 的top bottom的值使用百分时,如何使值相对于容器的高度进行计算?

目前用margin来调整上下间距,但是单位必须使用百分比.或者有其他办法使用百分比来调整元素的间距?

回复
阅读 3.3k
4 个回答

是根据宽度来的,认真看下标准

可以试试em 或者 rem 不一定非要 %

需要给html,body设置{height:100%},然后用height百分比就可以了,例子如下:
<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="UTF-8">
<title>Document</title>

<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>

小鱼儿
  • 4
新手上路,请多包涵

这样的场景感觉使用绝对定位更合适,也更加方便计算。

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