顯示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的「底部」，並且旋轉了內容。 （這有點奇怪，但確實有效。）