css - 如何使用 YUI 网格垂直定位 div？

Question

替代文字 http://img9.imageshack.us/img9/2900/yuicssquestion.gif

你好，

我正在使用 YUI 网格进行布局设计。我想垂直定位 col3，并使其始终粘在页面底部。怎么做？

我找不到任何关于 YUI 网格中垂直定位的在线文档。希望有人可以对此有所了解:)

Answer 1

没有特定于 yui 的方式来执行您所要求的操作，但是您应该能够通过将 col3 设置为：

底部：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>