Question

我想构建一个简单的CSS下拉菜单。如果我使用绝对定位，它可以工作，但如果我使用相对定位，则开始下推内容。这是什么原因？不幸的是，对于DIV菜单和内容使用绝对定位不是一种选择。

HTML：

2015-03-26 01:00;     1,428;    39,513
2015-03-26 02:00;     1,425;    39,294
2015-03-26 03:00;     1,422;    39,076
2015-03-26 04:00;     1,421;    39,004
2015-03-26 05:00;     1,416;    38,642
2015-03-26 06:00;     1,416;    38,642
2015-03-26 07:00;     1,416;    38,642
2015-03-26 08:00;     1,416;    38,642

CSS：

$file = fopen("http://somedomain.com/data.csv", "r");
while (($buffer = fgets($file)) !== false) {
    $fields = explode(";", $buffer);    
    print_r(fgetcsv($file));
    }    
fclose($file);

Answer 1

我已经简化了代码，删除了可怕的花车并用display: inline-block代替并修复了定位问题。

（Demo）

#menu ul {
    list-style:none;
    margin:0px;
    padding:0px;
    font-size: 0px;
}
#menu li {
    font-size: 1rem;
}
#menu > ul > li {
    display: inline-block;
}
#menu ul ul {
    display: none;
}
#menu ul li:hover ul {
    display: block;
    position: absolute;
}
#menu a {
    display: inline-block;
    width:110px;
}

CSS下拉菜单不适用于position：relative？

1 个答案: