Question

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

嗨，

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

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

Answer 1

没有yui特定的方式来做你所要求的，但你应该能够通过设置为col3使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>

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

2 个答案: