长文本在div之外

Question

我试图建立一个测试网站，但是存在问题。

这是一张图片，告诉你，问题是什么：

年份（2010,2011,2012）是文件夹，“2013”​​文件夹包含一些图片。有一个PHP函数，我可以读取文件夹和图片名称。

DOM结构：

                         Főoldal                     Elérhetőség                     Önkéntesmunka                     Képtár                                                       Főoldal

                             

        <div id="bottom">
        bhvdksakd
        </div>

CSS：

#main{
    max-width:22cm;
    min-width:16cm;
    background-color:#fff;
    margin:0px auto 20px auto;
    border-radius:10px;
    padding: 10px 10px 10px 10px;
    min-height:100%;
    position:relative;
    height:auto;
}
#left{
    display:block;
    width:20%;
    min-height:100%;
    position:absolute;
    margin:0px;
    top:0px;
    left:0px;
    border-right:1px solid rgba(192,192,192,0.5);
}
#right{
    display:block;
    min-height:100%;
    height:auto;
    width:80%;
    text-align:justify;
    position:absolute;
    top:0px;
    left:20%;
    padding:20px;
}
#bottom{
    max-width:22cm;
    background-color:#fff;
    margin:0px auto 0px auto;
    border-radius:10px;
}

是否有任何css方法或任何内容，包含不在“正确”div之外？

谢谢！

ps：对不起我的句子，但我来自匈牙利：/

Answer 1

为您的CSS添加overflow: auto;以获取内容溢出的div。

此属性将仅在必要的轴上自动添加滚动条，以帮助包含div边界内的内容。因此，如果你有太多的垂直内容，你会得到一个垂直（y）滚动条。如果你有太多的水平内容，你会得到一个水平（x）滚动条。