html - 可扩展div及其内容

我的代码是here on jsfiddle

我无法完成的是：如果按x轴缩放屏幕尺寸，则包含圣诞老人图像的框将从第一个容器下方的容器框中“掉下”，这是可以的（可以转到下面） ，但我也希望包含这些图像的div也“向下拉伸”。

我敢打赌我的代码的css部分中缺少某些内容-您能提供建议吗？

最佳答案

这是仅CSS的解决方案：http://jsfiddle.net/surendraVsingh/Prjd8/6/

的CSS

.accContent{
    background-color: #F5F5F5;
    padding: 5px;
    min-height: 160px;
     border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;

    -moz-border-bottom-right-radius:5px;
    -moz-border-bottom-left-radius:5px;

    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;

    -khtml-border-bottom-right-radius:5px;
    -khtml-border-bottom-left-radius:5px;
    overflow:hidden; /* Add This */
}

.okvir{
    width: 210px;
    height: 150px;
    text-align: center;
    background-color: #CCC;
    margin:0 0 20px 20px;/* Modify this to make it look good when resized */
    float: left;
    border-radius: 5px;
}

关于html - 可扩展div及其内容，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11576574/