限制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内的垂直内容

回答

相关问题