保持子宽度动态，同时不调整父宽度

Question

有我的菜单的子元素的问题调整父元素的大小，并推下页面上的其他项目。现在，“服务”下的项目下拉菜单显示了我们希望他们的方式，但是他们调整了父级，然后按下了下方的div。我已经尝试了父母的绝对定位，同时让孩子的位置相对没有成功。

Here is my URL（翻转在主菜单中的“服务”）：

这里是我的菜单项自定义CSS我一起工作：

uk-dropdown.uk-dropdown-navbar.uk-dropdown-width-1 { 
    position: relative !important; 
} 
.uk-parent.uk-nav-header { 
    display: inline; 
} 
.uk-navbar { 
    max-height: 46px; 
} 
.uk-nav-header { 
    float: left !important; 
} 

在此先感谢您的洞察力！

Answer 1

这会帮助你。

给位置：绝对给孩子，它的父母位置：亲戚。

下面是代码：

.uk-navbar-nav > li { 
position: relative; 
float: left; 
} 

.uk-dropdown.uk-dropdown-navbar.uk-dropdown-width-1 { 
position: absolute; 
}