html - 响应式菜单，高度 100%

Answer 1

不确定您要做什么，<div class="dummy"></div> 所以我将其删除。如果您希望 6 个菜单项作为正方形使用填充来创建形状：

.menu a {
    width: 15.666666667%;       /* (100/6)-1% */
    margin:0 .5%;               /* that 1% applied as margins left & right */
    padding:8.333333334% 0;     /* (100/6)/2 applied as padding top & bottom */
    line-height:0;              /* make sure text has no height */

    float:left;
    background:#303030;
    text-align:center;
    color:#fff;
}

http://jsfiddle.net/duncan/wazGx/

Answer 2

只需在锚标记内添加一个 div 即可。

<div class="menu">
  <div class="dummy"></div>
  <a href="#"><div>Link 1</div></a>
        .....
  <a href="#"><div>Link 6</div></a>
</div>

现在您可以通过 css 指定 div 的高度

.menu a div{
height:50px; width:100px;
}