小编chr*_*ian的帖子

我正在使用一个内部有2个元素的div,我想将我的第一个元素定位为垂直对齐顶部和第二个元素到div的底部.div是我页面的右侧部分,等于我的主要内容的高度.

#right {
    float:right;
    width: 19%;
    background:#FF3300;
    margin-left:2px;
    padding-bottom: 100%;
    margin-bottom: -100%;
}
#right .top {
    display:block;
    background-color:#CCCCCC;
}
#right .bottom {    
    bottom:0px;
    display:block;
    background-color:#FFCCFF;
    height:60px;
}

HTML:

<div id="right">
    <span class="top">Top element</span>
    <span class="bottom"><img src="images/logo_footer1.gif" width="57" height="57" align="left" class="img">&nbsp;<img src="images/logo_footer2.gif" width="57" height="57" align="right" class="img"></span>
</div>

我希望正确的div是这样的: alt text http://christianruado.comuf.com/element.png

我想缓存我的画廊的图像.使用GD加载每个页面生成图像会占用大量内存,因此我计划为使用GD完成的php脚本生成的图像创建缓存图像.创建缓存最好的是什么？