如何使用YUI網格垂直定位div？

Question

alt text http://img9.imageshack.us/img9/2900/yuicssquestion.gif

嗨，

我使用YUI網格佈局設計。 我想垂直放置col3，並始終堅持頁面的底部。怎麼做？

我找不到任何關於YUI網格中垂直定位的在線文檔。希望有人能提供一些線索就此:)

Answer 1

沒有做什麼你問的沒有具體銳路，但你應該能夠使COL3堅守底部將其設置爲：

bottom：0px;

請注意，col2不會自動調整其高度以一直走到col3開始的位置。 CSS中的高度與寬度的工作方式有很大的不同。

Answer 2

這是我的解決方案，以我的ajax圖像加載狀態爲中心。

<div id="loader" class="yui3-g"> 
<div class="yui3-u-1 ui-widget-overlay" style="z-index: 1100;"> 
    <img src="resources/images/ajax-loader.gif" 
    style="position: absolute;top: 50%;left: 50%;margin-right: -50%;transform: 
      translate(-50%, -50%)"/> 
</div> 
</div>