inline-block的子女DIV; 100％宽度不能填充容器

有问题的网站位于：http://allthetime.co.nf/inline-block的子女DIV; 100％宽度不能填充容器

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

如果你鼠标移到上面写着按钮“HELP” ......在菜单里面的物品都应该填充容器的问题是例证，但无论我尝试总是有一个大的灰色空间到他们的一边。我调整了每一个可能的CSS属性，试图使这项工作，但无济于事。这是什么造成的？

在此先感谢。

2014-03-12 AllTheTime

你只需要添加

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; 
}

来源

2014-03-12 06:49:36 Abhi

哇，谢谢。我想我只需要稍微休息一下，从稍微不同的角度来看待这一点。 – AllTheTime

不客气:) – Abhi

设置在子菜单中选择您ul.right填充零：

ul.right {padding: 0px;}

来源

2014-03-12 06:47:49

你<ul>已经离开填充。删除它，你应该没问题。

来源

2014-03-12 06:47:59

inline-block的子女DIV; 100％宽度不能填充容器

回答

相关问题