YUI面板 - 需要使用9個面板構建3 x 3頁面 - 如何垂直定位面板

Question

我需要使用9個YUI面板構建3 x 3頁面。

我可以用YUI網格建立3個33％垂直列。三列出現在三列中。但是，當我在每列中放置3塊面板（顯示一個在另一個下面）時，它會彼此堆疊在一起。我想我應該給x，y座標來對齊，但面板高度可能會有所不同，所以我可能需要動態確定x，y座標。

代碼是有點像這樣（在Django中使用 - 子頁面延伸主把它放到面板的內容）： -

<div id="doc3"> 
<div id="bd" role="main"> 
<div class="yui-gb"> 
<div class="yui-u first"> 
{% block panel1 %}{% endblock %} 
{% block panel2 %}{% endblock %} 
{% block panel3 %}{% endblock %} 
</div> 
<div class="yui-u"> 
{% block panel4 %}{% endblock %} 
{% block panel5 %}{% endblock %} 
{% block panel6 %}{% endblock %} 
</div> 
<div class="yui-u"> 
{% block panel7 %}{% endblock %} 
{% block panel8 %}{% endblock %} 
{% block panel9 %}{% endblock %} 
</div> 
</div> 
</div> 
</div> 

我渲染使用： -

YAHOO.example.container.panel1 = new YAHOO.widget.Panel("panel1", { width:"390px", visible:true, constraintoviewport:true }); 
YAHOO.example.container.panel1.render(); 

我有嘗試使用上下文來做一些事情，比如將一個面板對齊到另一個面板的底部，例如將context:["panel1","bl","tl]給予應該在面板1下面的面板。但似乎沒有幫助。

要做到這一點的任何指針 - 在YUI網格中將YUI面板放在另一個下面？

Answer 1

現在在下面用於將一個面板定位在另一個之下。發現襯底（陰影，啞光等）不動，將其設置爲「無」。需要更多的研究。

panel4y = YAHOO.util.Dom.getY('panel1') + document.getElementById("panel1").offsetHeight + 10; 
YAHOO.util.Dom.setY('panel4',panel4y);