css中在一个div中的div设relative，top:50%和bottom：50%,没有达到上下居中的效果?-问答-阿里云开发者社区-阿里云

第一个问题：
css中在一个div中的div设relative，top:50%和bottom：50%,不能达到上下居中效果。
首先，top:50%，是父元素height的50%，而不是自身height的50%
其次，同时设置top 和bottom是没有意义的，有点矛盾，不是么？
如果同时设置了top 和bottom，起作用的是top.同时设置了left和right，起作用的是left

第二个问题：
div设置了position：relative，再设置float：lef。是可以的。
如果同时设置了这两个，那么会先根据float找到自身应在的位置，再根据left、top...进行定位。
但如果是position：absolute 和float：left同时设置，float就不起作用了哦