• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    DIV CSS网页布局 最小高度(min-height)的妙用
    假定有二个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%高度,当搜到的内容较少时,不至于页面太短。
    上一篇:在DW中CSS编码需要注意和掌握的一些技巧
    下一篇:css position: absolute、relative详解
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    DIV CSS网页布局 最小高度(min-height)的妙用 DIV,CSS,网页,布局,最小,高度,