对齐用的右侧内容底部的左侧的div

Question

我有如下的HTML结构：

<div class="pagebody"> 
<div class="pageleft"> 
     <div class="sidebarmenu"> 
     </div> 
     <div class="sidebarbottom"> 
     </div> 
</div> <!-- end pageleft --> 

<div class="pageright"> 
     ... 
     ... 
     ... 
</div> <!-- end pageright --> 

<div class="clear"></div> 

</div> <!-- end pagebody --> 

的CSS是

.pagebody { 
width:960px; 
text-align:left; 
margin:0 auto; 
} 
.pageleft { 
width:333px; 
float:left; 
position:relative; 
padding:24px 0 0 37px; 
min-height:100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto -301px; 
} 
.pageright { 
width:590px; 
float:right; 
padding-top:29px; 
min-height:1200px; 
} 
.sidebarmenu { 
margin-right:72px; 
font:15px Helvetica, Arial, sans-serif; 
} 
.sidebarbottom { 
margin-left:10px; 
position:absolute; 
bottom:0; 
    height:301px; 
} 

在“页面版权归”内容是不固定的高度和变化。我想将'sidebarbottom'与'pageright'的底部对齐。尝试与位置绝对&相对但不工作。

任何帮助？

Answer 1

我找到了解决办法是什么。

下面< DIV CLASS = “pagebody” > </DIV >会有另外的重复： -

<div class="pagebody"> 
    <div class="pageleft"> 
    <div class="sidebarmenu"> 
    </div> 
    </div> <!-- end pageleft --> 

    <div class="pageright"> 
    ... 
    ... 
    ... 
    </div> <!-- end pageright --> 

    <div class="clear"></div> 

</div> <!-- end pagebody (1) --> 

<div class="pagebody"> 
    <div class="pageleft"> 
    <div class="sidebarbottom"> 
    </div> 
    </div> <!-- end pageleft --> 

    <div class="pageright"> 
    &nbsp; 
    </div> <!-- end pageright --> 

    <div class="clear"></div> 

</div> <!-- end pagebody (2) --> 

这工作！

Answer 2

这是你努力实现http://jsfiddle.net/2cUJS/