0514-86177077

9:00-17:00（工作日）

主页 > 知识库 > DIV CSS网页布局 最小高度（min-height）的妙用

DIV CSS网页布局 最小高度（min-height）的妙用
热门标签：山东电销机器人软件 南通电销外呼系统软件 洛阳防封卡外呼系统厂家 常州电话外呼系统招商 上海400电话办理到易号网 申请400电话移动 广州防封电销机器人厂家 智能语音电销机器人客户端 成都企业外呼系统
假定有二个BOX，我们需要它的最小高度为150PX。
CSS
div.box1,div.box2{
width: 300px;
min-height: 150px;
background: #EEE;
float: left;
margin-right: 20px;
}
xhtml
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,网页,布局,最小,高度,；如发现本文内容存在版权问题，烦请提供相关信息告之我们，我们将及时沟通与处理。本站内容系统采集于网络，涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《DIV CSS网页布局 最小高度（min-height）的妙用》相关的同类信息！
  • 本页收集关于DIV CSS网页布局 最小高度（min-height）的妙用的相关信息资讯供网民参考！
    • 推荐文章

    上一篇：在DW中CSS编码需要注意和掌握的一些技巧

    下一篇：css position: absolute、relative详解

    Copyright © 1999-2012 诚信 合法 规范的巨人网络通讯始建于2005年

    苏ICP备15040257号-8

    产品关键词： DIV CSS网页布局 最小高度（min-height）的妙用 DIV,CSS,网页,布局,最小,高度,