脚本宝典收集整理的这篇文章主要介绍了DIV CSS网页布局 最小高度（min-height）的妙用，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。
假定有二个BOX，我们需要它的最小高度为150PX。
CSS
div.box1,div.box2{
width: 300px;
min-h
eight: 150px;
background:
#EEE;
float: left;
m
argin-right: 20px;
}
xht
ML <div>IE中没保持最小高度为150px</div>
<div>最小高度可以设定一个BOX的最小高度， 当其内容较少时时，也能保持BOX的高度为一定</div>
现在的效果，IE中没保持最小高度为150px。
解决的方法
为IE设定一个高度
* html div.box1,* html div.box2{height: 150px;}
wellstyled
.COM 的解决方法是采用 CSS 的属性选择符（Attribute Selectors）
div.box1,div.box2{
......height: 150px;}
/* IE靠这保持最小高度，超出就自动向下延伸 */
div[class].box1,div[class].box2{height: auto;}
/* 具有类选择符(class)属性的DIV对象 */
IE自然又是不支持的啦，
opera 和 Mozilla 支持，读取这个高度。可应用场合：搜索、
文章等页面（没采用100%高度，当搜到的内容较少时，不至于页面太短。
脚本宝典总结
以上是脚本宝典为你收集整理的DIV CSS网页布局 最小高度（min-height）的妙用全部内容，希望文章能够帮你解决DIV CSS网页布局 最小高度（min-height）的妙用所遇到的问题。
如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。