html父元素开启绝对定位后子元素无法撑开父元素

今天在写多级菜单栏的时候遇到了这个问题

三级菜单栏ul使用了绝对定位:

position:absolute;

三级菜单栏ul设置了

top: 100%;
left: 100%;

然后子元素直接竖着了,就像下面这样

sanjinav

父元素高度坍塌,子元素不能直接撑开它。

以下是我想到的一些解决办法,可参考。

  • 只需要加:white-space:nowrap;   即可解决
  • 通过JavaScript实现:获取到子元素的高度,再设置给父元素。
  • 把三级菜单栏ul的高度写死。

我用的是第一种方法

csshtml

关于white-space:nowrap

white-space,英语词组意思为空余时间,在计算机术语中的意思是泛空格符。white-space 属性设置如何处理元素内的空白。

nowrap :强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象。

© 版权声明
THE END
喜欢就支持一下吧
点赞1 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容