css中在一个div中的div设relative，top:50%和bottom：50%,没有达到上下居中的效果?
还有一个问题是一个div设置了position：relative，再设置float：left。可以这样设置吗？
展开
收起
2
条回答
写回答
写回答
-
因为第一个div没有定义样式，实际上第一个div没有长宽，导致里面的div的相对定位没有参照标准，需要定义第一个div的高，才能有参照物；2019-07-17 19:17:33赞同 展开评论 打赏 -
第一个问题：
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就不起作用了哦2019-07-17 19:17:33赞同 展开评论 打赏
问答分类：
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
