javascript - 如何改变父div的高度？

Question

我是 CSS 新手。我想为 div 应用背景颜色。但 div 高度为零。 div 也有子元素。这是我的代码。我向 ul,li 元素添加了 float。我搜索了很多网站，我将 clear 应用于 div ，但它没有改变。

 <div id="menulinks">
    <ul class="dropdown">
        <li>
            <a href="#">projectCategoraization</a>
            <div id="submenu_pc">
                <ul class="submenu">
                    <li><a href="#">dgfdg</a></li>
                    <li><a href="#">tutyu</a></li>
                    <li><a href="#">ert45</a></li>
                    <li><a href="#">7y56uty</a></li>
                </ul>
            </div>
        </li>
    </ul>
</div>

风格

#submenu_pc {
    width:240px;
    display:none;
    position:absolute;
}
.dropdown {
    float:left;
}
.dropdown li {
    float:left;
    list-style:none;
}
.submenu {
    position:absolute;
}
.dropdown ul li {
    float:none;
}

脚本是

$(function(){
  $(".dropdown li").hover(function(){
        //alert("soumya");
        $(this).addClass("hover");
    $('#submenu_pc').css('display', 'block');
  });
});

Answer 1

.submenu 有 position: absolute 这意味着它的父级有 0 的高度。删除 position: absolute 并为父级分配背景色；应该这样做。

jsFiddle