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

Question

我的菜单的子元素出现问题，调整父元素的大小并按下页面上的其他项目。现在，＆＃34;服务＆＃34;下的项目下拉列表显示我们希望他们如何，但他们调整父母的大小，并下推下面的div。我尝试了父母的绝对定位，同时使孩子的位置相对而没有成功。

Here is my URL（翻过＆＃34;服务＆＃34;在主菜单中）：

这是我正在使用的菜单项的自定义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;
}