要激活overflow-y
即滾動條上.div1
內容目前它裏面需要overflow
它,如下,
#outer{
width:100%;
height:auto;
}
#outer > .div1{
width:400px;
height:250px;
background:#f2f;
overflow-y:scroll;
}
#outer > .div2{
width:400px;
height:auto;
background:#f22;
}
<div id="outer">
<div class="div1">Div1 Demo text Demo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo text Demo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo textDemo text.</div>
<div class="div2">Div2</div>
</div>
添加使用一些代碼爲您檢查 – Abood
你可以發佈你試過的代碼嗎? – GraveyardQueen
你的問題不是關於「垂直對齊兩個div」;它更多地是關於「動態調整垂直排列的div的高度」。 – 2016-11-28 12:54:55