溢出下拉列表时如何更改下拉列表定位

时间:2017-04-25 06:33:26

标签: html css twitter-bootstrap css3

我想知道如何在溢出子菜单时更改第二个(子)下拉列表的位置。它现在是溢出时右侧的菜单应该在左侧可见。

在下面的链接中访问标识链接之前的标识访问标识3它显示另一个子菜单应该是左侧,如果没有溢出它应该只在右侧...

http://demos.sanwebcorner.com/matex/

提前致谢!!

3 个答案:

答案 0 :(得分:1)

将它放在你的css文件中:

menu ul ul ul li {
   right: 170px;
   left: initial !important;
}

答案 1 :(得分:0)

my-style.css 第920行中将left:170px更改为right :170px

menu ul ul ul li {
    right: 170px;
}

答案 2 :(得分:0)

使用此方法,以便将样式应用于最后一个子节点(发生溢出的位置):

menu ul ul ul li:nth-last-child(2)
  {
   right:170px;/* if you want the alignment to be left of the hovered list*?
  }

OR

menu ul ul ul li:nth-last-child(2)  
{   
 top:0;/* if you want the alignment to be bottom of the hovered list*/ 
   left:0;/*not neccessary if style aren't used in parent class/elements*/
   right:0; 
 }