html - 内联 block 和子 div； 100% 宽度未填满容器

Question

相关站点位于:http://allthetime.co.nf/

在过去的几个小时里，这个问题一直困扰着我。我之前用 float:right 设置了主要的 li 元素(产品、目录等)来编写这个菜单界面；但由于某些原因不得不使用 display:inline-block 和 text-align:right 重写它；在父 ul...

如果您将鼠标悬停在显示“帮助”的按钮上，就会出现问题……里面的菜单项应该会填满容器，但无论我尝试什么，它们的一侧总是有一个很大的灰色空间。我已经调整了所有可能的 css 属性，试图让它工作但无济于事。这是什么原因造成的？

提前致谢。

Answer 1

你只需要添加

padding-left: 0px;

像这样

nav ul ul {
  position: absolute;
  padding-top: 15px;
  padding-left: 0px;     /* this was added */
  padding-bottom: 15px;
  background: #222;
  z-index: 100;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  overflow: hidden;
}