div的上下对齐问题

今天把一个table放到div中，实现如果table过长会出现滚动条的效果，不过出现一个诡异的现象，一旦table变长，div也会向下移动。

 

 

把这个div的valign设为top，发现还是不行，查了下文档，发现div没有valign这个属性。。。。！！！！！！ =，=

 

关门，放狗！

 

好在有人遇到过类似的问题，总结两个解决办法：

1.

For any inline element:

vertical-align: baseline | sub | super | bottom | text-bottom | middle | 
top | text-top | <percentage>

see also:
http://www.w3.org/TR/REC-CSS1#vertical-align

http://www.w3.org/Style/CSS/Test/CSS1/19981002/sec544.htm

   (or ANY book about CSS)

 

2.

Another idea that has come to me is 'bottom: 0;' could
be used; but I think it has to be positioned absolute
or fixed. The idea is not practically in most places.

html:
<div class="holder">
  <div class="bottom">
    ...
  </div>
</div>

css:
.holder {position: absolute; height: [value]}
.bottom {position: absolute; bottom: 0;}