CSS问题 - 导航上的文本是重叠的

Question

以下是我在 67.23.238.162/~agranexc/agranex_cms/index.php

的网站链接

转到导航＆gt;解决方案＆gt;产业

您将看到第3级下拉列表出现问题。我该如何解决这个问题？

请帮助我。感谢

P.S。文本应该适应元素。所以list-item的宽度为150px，长文本会调整。

Answer 1

您是否尝试在CSS中添加它：

#menu ul li ul li a {
    display: block !important;
    position: relative;
    width: 300px !important; 
}

你的文字太长了，正如你所说的那样，它在你之前得到了155px ...

Answer 2

#menu ul li ul li {
    background: none;
    clear: both;
    display: block !important;
    overflow: hidden;
    width: auto !important;

从上方删除overflow: hidden。 style.css第171行

并且是给它一些宽度，所以背景可以相应调整

Answer 3

嗨现在删除一些css就像这样

#menu ul li ul li{
overflow:hidden; // remove this line
}
#menu li:last-child ul{
right:0 !important; // remove this line 
}