Html 引导固定高度大小列
如何将bootstrap 3Html 引导固定高度大小列,html,css,twitter-bootstrap-3,Html,Css,Twitter Bootstrap 3,如何将bootstrap 3col-lg-x转换为具有垂直滚动条的“固定高度大小”列?我做了很多研究,并尝试了几个CSS代码,但没有办法 更新:我有这个代码,但它是水平滚动的: .scrollablepage > :last-child { height:552px; overflow-y:scroll; } Html: 你好,你好,你好,你好,你好,你好 你好,你好,你好,你好,你好 哦,你好,你好,你好,你好 为什么它是水平滚动而不是垂直滚动?您是否尝试过将高度和溢出-
col-lg-x
转换为具有垂直滚动条的“固定高度大小”列?我做了很多研究,并尝试了几个CSS代码,但没有办法
更新:我有这个代码,但它是水平滚动的:
.scrollablepage > :last-child
{
height:552px;
overflow-y:scroll;
}
Html:
你好,你好,你好,你好,你好,你好
你好,你好,你好,你好,你好
哦,你好,你好,你好,你好
为什么它是水平滚动而不是垂直滚动?您是否尝试过将
高度
和溢出-y
属性应用于列?@HashemQolami尝试了高度:500px
和溢出-y:滚动
(和自动)。这不起作用:对我来说似乎很好:@HashemQolami我不知道:lastchild
选择器,非常感谢!请注意,使用:last child
伪类并非如此。我只是用它来选择合适的元素。这是一本书。在您的特定实例中,您可以使用.scrollablepage
选择器上的CSS声明。
<div class="container">
<div class="row">
<div class="col-lg-8 scrollablepage">
<div class="well well-sm">
<p>
hellohellohel lohellohellohellohell ohellohellohellohellohelloh ellohellohellohe
llohellohel lohelellohellohellohell ohellohellohel lohellohellohellohell
ohellohellohellohelloh ellohellohellohellohellohellohellohellohel
</p>
</div>
</div>
</div>