CSS:是否可以在高度为auto的div中嵌入高度为100%的div?

时间:2015-08-25 20:18:56

标签: css html5 nested divide

我试图将div用作另一个div中的分隔符并且它没有显示出来。我想如果我将divider div上的高度设置为100%,它会自动调整到包含div的高度,我将其设置为" auto"为了高度。

如果我将包含div的高度更改为精确的像素数量,则分割div会启动并正常工作。我希望它自动调整的原因是因为包含div的多个实例具有不同的内容,这将使得高度从一个到另一个不同,所以只是为所有这些设置精确的像素数量不会是足够的。

这是我创建的CSS

.container{
    width:600px;
    height:auto;
    margin:auto;
    float:left;
    display:block;
    }
 #divider{
    width:4px;
    height:100%;
    float:left;
    display:block;
    }

我的编码是错误的还是还有别的东西让这不可能?在此先感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

100%是相对于父母的。尝试制作100 vh。 Codepen

ImageLoader imageLoader = getImageLoader();
imageLoader.get(url, ImageLoader.getImageListener(imageView, defaultDrawable, errorDrawable));