html页面最小高度,html – CSS高度工作但最小高度不起作用

我有一个奇怪而奇怪的问题.问题是一个小问题,我想将最小高度设置为100％,即页面内容应该跨越用户的整个屏幕,如果可能,页面应该在内容超过100％时向下延伸.一个简单的方法是设置min-height：100％并设置height：auto这正是我想要的但是无论我多少次尝试它,问题仍然存在.

我使用高度自动和最小高度：所有元素都是100％,但它不起作用.如果我删除最小高度只包括高度：100％那么它就像一个魅力,但是当内容较大时它会溢出整个页脚.

请帮帮我这里是css：

html, body, container, row, col-lg-3, col-lg-9 {

min-height: 100%;

height: auto !important;

height: 100%;

}

.container {

max-width: 1170px;

min-height: 100%;

height: auto !important;

height: 100%;

}

.col-lg-3 {

min-height:100%;

height:100%;

}

.col-lg-9 {

min-height: 100%;

height: 100%;

}