Html CSS 100%高度故障再次出现

Html CSS 100%高度故障再次出现,html,css,Html,Css,好的,我有这个菜单,我要做的,它需要至少100%的页面(但不是实际的css 100%,因为我有一些焊盘和边距,所以它变得太长),如果scren的大小太小,无法显示所有的链接,它必须变得更大 html: 箱子尺寸救命 #菜单{框大小:边框框;最小高度:100%;填充:任意;} 前缀版本为: -moz框大小:边框框 -webkit框大小:边框框 浏览器支持是很重要的。jQuery也能很好地发挥作用。min height:100%无法完成任何事情,仍然无法在页面的100%位置完成(我需要它从最上

好的,我有这个菜单,我要做的,它需要至少100%的页面(但不是实际的css 100%,因为我有一些焊盘和边距,所以它变得太长),如果scren的大小太小,无法显示所有的链接,它必须变得更大

html:


箱子尺寸
救命

#菜单{框大小:边框框;最小高度:100%;填充:任意;}
前缀版本为:

  • -moz框大小:边框框
  • -webkit框大小:边框框

浏览器支持是很重要的。jQuery也能很好地发挥作用。

min height:100%无法完成任何事情,仍然无法在页面的100%位置完成(我需要它从最上面到最下面,不要太长,也不要离开浏览器。为什么它会是页面的100%?它应该是父元素的100%,就是这样。也许你在寻找类似
html,body{height:100%;}
<div id="menu">
    <a href="index.html"><button><img src="img/open.png"/><div>Acceuil</div></button></a>
    <a href="carte.html"><button><img src="img/toggled.png"/><div>La carte</div></button></a>
    <a href="traiteur.html"><button><img src="img/toggled.png"/><div>Service traiteur</div></button></a>
    <a href="reservation.html"><button><img src="img/toggled.png"/><div>Réservation</div></button></a>
    <a href="gite.html"><button><img src="img/toggled.png"/><div>Gîte</div></button></a>
</div>