我正在阅读Bootsrap3文档。我发现这段脚注代码粘贴在屏幕底部。
html, body {
height: 100%;
}
#wrap {
min-height: 100%;
height: auto !important; /* line no 1 */
height: 100%; /* line no 2 */
margin: 0 auto -60px;
padding: 0 0 60px;
}
footer {
height: 60px;
background-color: #f5f5f5;
}
我不明白为什么他们多次定义包装纸的高度。到目前为止，我的知识自动将基于其子元素和计算高度！重要的将迫使浏览器使用此样式。然后在这种情况下，高度：100％将生效。
我正在使用此代码来测试一些东西。我写了两个小提琴，一个带有height: auto !important;，另一个没有这个代码。这是我的JsFiddle1和JsFiddle2，这些小提琴是不言自明的。我只是不明白为什么会这样发生
IE6等较旧的浏览器会忽略该!important标志。因此，在IE6上，第二个height将被遵守。这只是针对旧版浏览器的一种方式。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句