jquery - ujquery高度排列

Question

我在我的 html 代码中使用 Ujquery 的自动菜单手风琴。网站在这里

我在我的 css 文件中管理以使用以下代码调整它的宽度：

.menu{

    position: absolute;
    top: 5%;
    left: 10%;
    width: 80%;
    background-color: blue;
 }

为什么宽度参数效果很好，而高度却不行？我想将所有这些菜单设置为可用空间的 50%。提前感谢您的时间。

Answer 1

.ui-accordion-content{height:50%;position:relative;}

根本不初始化 heightStyle。

  $(function() {
    $( "#accordion" ).accordion({
    });
  });

小提琴：http: //jsfiddle.net/calder12/h8KhV/2/

Answer 2

如果您只是想让手风琴填充页面上给定的空间。尝试这个-

http://jsfiddle.net/apaul34208/GxVYN/1/

js

 $(function () {
     $("#accordion").accordion({
         heightStyle: "fill"
     });
 });

css

body {
    height:500px;
}
.container {
    height:50%;
}

Answer 3

感谢您的时间。

我按照这里的代码解决它：

我的错误是没有查看所有的 javascript 文档！再次感谢您的时间！