关于绝对定位的最近定位祖先元素的确定
绝对定位absolute的最近定位祖先元素的准确定义是什么?
之前上课我的理解是,找最近的相对定位relative元素;但我发现如果子元素的父元素也是绝对定位元素的话,子元素的最近祖先元素就是它的父元素。
要怎么理解才对呢?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 | <!DOCTYPE html> < html > < head > < meta charset = "UTF-8" > < title >Document</ title > < style type = "text/css" > .container{ width: 500px; height: 500px; background: blue; position: relative; } .par{ width: 300px; height: 300px; background: yellow; position: absolute; top: 100px; left: 100px; } .son{ width: 200px; height: 200px; background: red; position: absolute; top: 0; left: 0; } </ style > </ head > < body > < div class = "container" > < div class = "par" > < div class = "son" ></ div > </ div > </ div > </ body > </ html > |
0
收起
正在回答
1回答
绝对定位的元素的位置相对于最近的已定位祖先元素(可以是relative或者absolute),如果元素没有已定位的祖先元素,那么它的位置相对于最初的包含块。希望解答了你的疑惑 ,望采纳 , 祝学习愉快
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧