如何使父列表元素忽略其子元素's宽度
How can I make my parent list element ignore its children's width?
我有一个菜单,由下面的列表构建:
<ul>
<li></li>
<li></li>
<li>
<ul>
<li></li>
</ul>
</li>
<li></li>
<li></li>
</ul>
列表中的子菜单项只有在悬停其父列表元素时才会显示。但是,子列表元素的宽度将迫使父元素具有相同的宽度,并且当您悬停菜单时,它将使菜单更改大小。
我有什么办法可以防止这种情况发生吗?
将CSS类添加到元素中。(一个用于外部<ul>
,每个初始<li>
元素相同,然后重复到内部列表。)
使用CSS选择器定义<ul>
的静态宽度,并可能在<li>
元素中添加word-wrap
。
在包含元素上设置一个固定的宽度(因此是顶层ul)。子元素将在宽度内换行(边缘情况除外,例如空白:在某个子菜单项上换行)。
make定义父元素的宽度并设置相对于所有子元素的位置也尝试父的绝对位置
相关文章:
- 为什么元素的宽度在页面加载之后和那一刻之后不同
- 宽度为100%的CSS元素位于视口之外
- 根据元素高度和宽度的百分比变化增加或减少字体大小
- 如何在浏览器窗口变大/变小时捕捉元素的宽度
- 没有预定义宽度的固定元素最初放在引导容器中,不会从父元素继承宽度
- 普通JS:使80%宽度元素100%IF包含一个图像
- 如何激活下拉菜单:在一个元素上单击768px宽度下方,在另一个元素上将鼠标悬停在768px上方
- 动态设置动态创建的元素的宽度
- Chosen.js:元素的宽度为0
- 减小select元素中的下拉宽度
- 动态更改ng个重复元素的宽度
- 远距离变换元素的宽度/高度(以像素为单位)
- 获取 LI 元素的偏移宽度(或等效项)
- 在使用 JS 渲染之前计算 flex 元素宽度
- 内联元素的宽度
- 从上传的文件中获取svg元素的宽度
- 具有 100% 宽度元素的 Jquery 水平平移
- 隐藏右侧的可变宽度元素
- 如何使宽度<元素与
- 可以看到宽度元素,但仍然得到0