如何强制"container-fluid"在调整浏览器大小时最大化高度或拉伸

Question

与Bootstrap有一个CSS样式container-fluid，我们在我们的应用程序中使用。问题是，当应用程序加载时，我可以看到这个CSS样式应用的div得到这个:

element.style {
   height: 322px;
}

然而，我试图使用Javascript设置container-fluid的CSS高度在应用程序加载，高度得到的大小，这实际上是浏览器的初始高度。所以问题是，当我调整浏览器的大小有一个空白的背景的div有这个container-fluid属性。

Answer 1

在类样式中使用!important, javascript不会接管这个属性。

例如:

#main {    
  height: 100% !important; 
}