为什么a元素如果设置绝对定位，高度就无法撑开
来源：3-2 表示层--导航的实现
慕尼黑7895541
2020-07-10 17:55:10
如果a元素加了height样式是不是就可以撑开了
写回答
3回答
-
同学你好，问题解答如下:
视频中老师说的是a设置了绝对定位之后，就无法撑开导航条了，也就是无法撑开父元素的高度，如下：
这是因为绝对定位的元素，会脱离文档流，即使给a设置高度，它也无法撑开父元素的高度，这是绝对定位的特点：
因此需要将a设置成relative定位，让它处正常的文档流，这样他的高度、大小，才会影响到父元素。
如果我的回答帮到了你，欢迎采纳，祝学习愉快！
0 -
好帮手慕久久
2020-07-23
同学你好，问题解答如下:
1. a标签设置了absolute定位后，无法撑开父元素的高度，与白色的线条没有关系，二者是独立的，互不影响。
2. 给a标签设置绝对定位（position：absolute；）无法实现头部的效果，如下：
而给a设置相对定位（position：relative；）的效果如下：
所以这里要给a设置相对定位。
祝学习愉快！
0 -
慕沐5572550
2020-07-23
无法撑开父元素高度，和那个宽度100%的白色连接线条有什么关系，
在给a设置绝对定位和设置z-index:999都可以实现这个效果，如何解释？
0
相似问题