关于横屏的margin-top

邹胖胖

我现在是这样设置的，我的panel是100%的高和宽，里面一个加了一个div，高度设置的25%，宽度是80%，
我要让这个div居中，我除去div的高和宽的占比，用剩下的占比来计算margin-top和margin-left，结果是margin-top：37%；margin-left：10%；然后水平居中控制住了，垂直居中没有控制成功，而且横屏的情况下，div的下半部分会被隐藏掉，但是水平还是居中的状态；请问这个应该怎么解决？

liangyongfei

margin-top 设置百分比 是对于整个屏幕而言的！而不是content
所以还要考虑top 和 bottom 的所占比

虽然margin-top 比例是整个高度，但是width 的百分比就是从content  算起的！
所以你可以试试设置content  百分比高度一起计算
比如content  设置高度是80%
里面div设置属性
height:50%;width:80%;background-color:red;margin:20% 10%;

本地测试 这样就能居中了，不过有滚动条

邹胖胖

liangyongfei 发表于 2017-4-28 09:49
margin-top 设置百分比 是对于整个屏幕而言的！而不是content
所以还要考虑top 和 bottom 的所占比

好的，谢谢！