限制div內的垂直內容

我無法限制div在其內部垂直放置其內容。我希望覆蓋div的項目描述部分垂直限制其內容，並且我試圖通過兩種方式解決此問題。限制div內的垂直內容

我嘗試的第一種方式是把overflow-y: auto;作爲項目描述DIV的一部分，這是我得到的結果是：

image of problem 01

我試圖解決的第二種方法，這是通過把overflow-y: auto;作爲整個覆蓋DIV的一部分，這是我得到的結果是：

image of problem 02

與第二種方法的問題是，我想滾動條能夠出現，但我不希望滾動條導致信息的側欄不可用（或者立即如此，它低於所有文本而不是側面）。我認爲增加div的大小可以在寬度方面起作用，但是這會導致它使用Skeleton（我可以重建我需要使用這個覆蓋函數的部分）的格式化，但作爲網頁設計和新手的新手建築，我想我會問，看看是否有一些明顯的解決方案，我只是想念。

TL：DR - 我想我的覆蓋div有另一個div裏面的垂直滾動。

源代碼和這樣的：

我使用Skeleton，以幫助建立自己的網站。
Here是我使用的html。
Here是我添加的CSS的一部分。

來源

2013-12-21 Blaze Phoenix

你嘗試'溢出-Y：滾動;在項目描述DIV'？ –

你的網站在線，所以我們可以檢查代碼嗎？ –

MattKieran http://i.imgur.com/sM9cWPB.png是你要求的圖片。：D @chadocat它現在在線在http://alexanderlyons.net/ –

卸下空<div>從下面.overlay-container：

<div class="container overlay-container"> 
    <h2 id="projectTitle"></h2> 
    <div class="two-thirds column project-description"></div> 
    <div class="one-third column"></div> 
</div>

來源

2013-12-21 13:33:05 janfoeh

也檢查了代碼，並得出同樣的結論要麼刪除div或給它100％的身高+1 –

限制div內的垂直內容

回答

相關問題