css备忘录

时间：2019-04-15 21:25:39 阅读：138 评论：0 收藏：0 [点我收藏+]

position的relative和absolute属性

设置relative后，left和top是相对它原来的位置
设置absolute后，left和top是相对于第一个设置了relative或absolute的外层容器，如果都没有设置过的外层容器，则是相对于浏览器；如果外部容器设置了padding，则left和top相对于外部容器的padding的左上角，而不是相对于外部容器的margin左上角

修改内部div的position为relative或absolute查看效果
<body style="margin:0px;">
<div style="background-color:black;width:500px;height:500px;padding:50px;margin:50px;position:relative;">
    <div style="background-color:red;width:200px;height:200px;position:absolute;left:50px;top:50px;">
    </div>
</div>
</body>

css备忘录

原文：https://www.cnblogs.com/yinchh/p/10713137.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)