显示DIV内容与溢出隐藏

Question

基本上我得到了很多的内容的DIV，像底部：

<div> 
top of content </br> 
some content </br> 
some content </br> 
some content </br> 
some content </br> 
some content </br> 
some content </br> 
some content </br> 
bottom of content 
</div> 

那么，IM设置的DIV，和溢出的高度，所以它会“作物“分区。像这样：

<style> 
div{ 
height:100px; 
overflow:hidden; 
} 
</style> 

我想要做的是，该div将显示内容的结束，而不是它的顶部。

谢谢！

Answer 1

给一个ID，你的DIV（如 “myDiv”），然后通过JavaScript的尝试：。

的document.getElementById（ “myDiv”）scrollTop的= 的document.getElementById（ “myDiv”）scrollHeight属性;

Answer 2

这是可能的，但感觉有点hacky。这工作，例如：

<style> 
.first { 
max-height: 30px; 
overflow: hidden; 
-webkit-transform: rotate(180deg); 
} 
.second { 
float:right; 
-webkit-transform: rotate(180deg); 
} 


</style> 

<div class="first"> 
<div class="second"> 
blah blah<br/> 
blah blah<br/> 
</div> 
</div> 

你只是旋转的第一个div的嵌套，并认为它旋转内容取回另一格内。溢出隐藏了旋转的包含div的“底部”，并且旋转了内容。 （这有点奇怪，但确实有效。）