需要在导航下拉列表中强制执行容器边缘

时间:2016-11-15 23:02:49

标签: javascript html css

所以我对将此导航(联系人下拉列表)格式化为不会溢出容器外感到有些不安:

http://782.2b6.myftpupload.com/

我确定这是因为我使用了位置:相对稍微移动导航并使其保持在橙色条纹内。由于我只是在定制一个主题,因此需要发布很多关于导航内容的代码。希望有人可以帮助我确定我可以定位的容器以及强制“联系”下拉列表与网站容器齐下来的代码,因此在“博客”下面显示一点,而不是仅仅向右突破。请帮忙! Screenshot of .sub-menu popping out of container

1 个答案:

答案 0 :(得分:0)

我能够通过添加:

来实现这一目标
.sub-menu {
  right: 0;
}

虽然这样做会将此应用于.sub-menu类的每个项目。如果可能,请为该元素添加一个新的类名,以添加上面的CSS。