css - ul div 正在推出父级

Question

我对 ul div 有疑问。我的 ul 的父 div 没有保留它。我有父 div (subMenu) 定位和 z 索引但是 ul 子 (subMen) 只是推出并显示在它的底部，当它应该包含在parent 并拉到我申请给 parent 的位置。我试过 float 和列表式定位它。但似乎什么都不重要。这是 CSS 代码:

#subMenu {
background-image: url(images/sub_nav_background2.png);
width: 1280px;
height: 60px;
position: relative;
top: -145px;
z-index: -100;
}

#subMen {
margin-left: 330px;
list-style-position: inside !important;
float: left !important;
height: 20px;
width: 900px !important;
font-size: 14px;

}

这是涉及此内容的 HTML 部分。

<div id="subMenu">
        <ul id="subMen">
        <li><a href="#">BRAND MARKETING</a></li>
        <li><a href="#">EXPERIENTIAL MARKETING</a></li>
        <li><a href="#">PERFORMANCE SOLUTIONS</a></li>
        <li><a href="#">MEETING & EVENT SOLUTIONS</a></li>
        </ul>
        </div>
<div class="clearfix"></div>

这里是 IMAGE正在发生的事情。

底部列出的菜单应该位于该灰色区域并隐藏在顶部主导航下方。

Answer 1

你可以做到

list-style-position:inside;