网上找了很多例子,不不可行,之后在csdn帖子中找到了,记录一下。
一定要在三层div中设置
style="position:relative;"
效果图:

CSS:
1div{ 2border:1px solid black; 3} 4#content{ 5height:100%; 6} 7#left{ 8width:20%; 9height:100%; 10float:left; 11position:relative; 12} 13#right{ 14width:78%; 15height:100%; 16float:right; 17position:relative; 18} 19#bottom{ 20width:100%; 21position:absolute; 22bottom:0; 23}
HTML:
1<div id="content" name="content"> 2 <div id="left" name="left"> 3 <div id="top" name="top">图片</div> 4 <div id="bottom" name="bottom">底部</div> 5 </div> 6 <div id="right" name="right">右边 7 <div id="top" name="top">图片</div> 8 <div id="bottom" name="bottom">底部</div> 9 </div> 10</div>