Html 显示隐藏溢出的div内容的底部

基本上我得到了一个有很多内容的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>

内容提要

一些内容

一些内容

一些内容

一些内容

一些内容

一些内容

一些内容

内容的底部

然后，我为div设置了一个高度，并溢出，因此它将“裁剪”div。如下所示：

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

div{
高度：100px；
溢出：隐藏；
}

我想做的是，div将显示内容的结尾，而不是顶部

谢谢

为您的div提供一个id（例如“myDiv”），然后通过javascript尝试：

document.getElementById（“myDiv”）.scrollTop= document.getElementById（“myDiv”）.scrollHeight

---

这是可能的，但感觉有点不舒服。这是有效的，例如：

<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>

.首先{
最大高度：30px；
溢出：隐藏；
-webkit变换：旋转（180度）；
}
.第二{
浮动：对；
-webkit变换：旋转（180度）；
}
废话废话

废话废话

---

您只需旋转第一个div并将其嵌套在另一个div中，该div将内容旋转回来。溢出隐藏了已旋转的包含div的“底部”，并且内容已旋转。（这有点奇怪，但确实有效。）

+1为简单起见，采用相同的解决方案。只是为它创建了一个提琴：它可以工作，但当我在Jquery中使用它时，不知何故它不起作用