Css <；ul>&书信电报；李>&书信电报；ul>；未按预期定位和大小

标记：

用于.subNav的CSS

    #topmenu ul{
    list-style: none;
    display:block;
}
#topmenu li{float:left;height:50px;}
#topmenu li a{
    margin:0;
    padding:0;
    text-decoration:none;
    text-indent:0;
    background:none !important;
    width:auto;
    padding-bottom:5px;
}
#topmenu li a span{
    color: #EEEEFF !important;
    cursor: pointer;
    float: left;
    font-family: 'Cabin',Arial;
    font-size: 14px;
    height: 24px;
    letter-spacing: 0.2px;
    text-align: center;
    text-decoration: none;
    margin-top: 9px;
    padding: 15px 16px 5px 16px;
    display:inline-block;
    background:none;
}

问题是利用fo

位置：绝对；左：0px该位置不是我期望的位置：我期望它按照偏移量定位，并且尊重它的大小，但我得到的是这样的东西：


知道我做错了什么吗？我没有在px中指定任何宽度或任何我认为它应该起作用的东西…
当给元素指定
位置：绝对
，然后定义
位置：相对于它的
父元素时

在您的问题中，您将
位置：绝对
定义为
#topmenu li ul.subnav
，因此您必须定义
位置：相对于它的
父项
#topmenu li

这样写：

#topmenu li ul.subnav {
    display: none;
    left: 0px !important;
    position: absolute !important;
    top: 50px !important;
    z-index: 1000 !important;
    width: 98.9% !important;
}
#topmenu li ul.subnav li{
    clear: both;
    display: inline;
    float: left;
    height:33px;
    margin:0px;padding:0px;
    width: 100%;
}

#topmenu li ul.subnav li a  {
    margin:0;
    padding: 0;
    float:left;
    height:33px;
    display:inline-block;
    width:100%;
    background: url("../nImg/spriteMas.png") no-repeat scroll right -430px transparent !important;
    _background:#65ABE7;
}

当给一个元素指定
位置：绝对
，然后定义它的
父元素的
位置：相对

在您的问题中，您将
位置：绝对
定义为
#topmenu li ul.subnav
，因此您必须定义
位置：相对于它的
父项
#topmenu li

这样写：

#topmenu li ul.subnav {
    display: none;
    left: 0px !important;
    position: absolute !important;
    top: 50px !important;
    z-index: 1000 !important;
    width: 98.9% !important;
}
#topmenu li ul.subnav li{
    clear: both;
    display: inline;
    float: left;
    height:33px;
    margin:0px;padding:0px;
    width: 100%;
}

#topmenu li ul.subnav li a  {
    margin:0;
    padding: 0;
    float:left;
    height:33px;
    display:inline-block;
    width:100%;
    background: url("../nImg/spriteMas.png") no-repeat scroll right -430px transparent !important;
    _background:#65ABE7;
}

#topmenu li{
position:relative;
}