Question

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

这个问题在过去的几个小时里一直在撕裂我。我之前使用float：right设置的主要li元素（产品，目录等）编写了这个菜单界面;但由于某些原因，必须使用display重写它：inline-block和text-align：right;在父母ul ...

如果你把鼠标悬停在按钮上，那么就会出现这样的问题：＆＃34;帮助＆＃34; ...里面的菜单项应该填满容器，但无论我尝试什么，总是有一个大的灰色空间到一边他们我已经调整了每个可能的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;
}

Answer 2

将子菜单中ul.right上的填充设置为零：

ul.right {padding: 0px;}

Answer 3

您的<ul>已经填充了。删除它，你应该没事。

内联块和子div; 100％宽度不填充容器

3 个答案: