关注前端开发微信微信号web007007

最小高度使用技巧兼容 IE6、IE7、IE8、FF等浏览器

作者 管理员 发布时间 2012-06-13 02:49 文章分类 DIV&CSS 文章评论 抢沙发 阅读次数

在说这个话题之前先说一下我们为什么要用min-height 最小高度这完意吧.

这个一股情况用在企业网站上页,看看我们现在大部份的企业 网站的内容页好像都是左边一栏二级菜单,然后右边是放一些介绍性的内容什么的,有木有。

正在是因为这样才引发了这个话题,当左边菜单比较多一点而右边内容又没多少的情况下那样右边太短了就看着不舒服了,如果给它一个最小高度就会好那么一点点,那样当它内容不够高的时候会有个最小高度,当它内容有足够的高度就会自动增加高度这样就完美了,现在来看看应该怎么做吧

css样式代码如下:


p{

border-left:1px solid #ccc;

min-height:116px;/*IE7\FF*/

height:100%;/*IE6\IE7\FF 这个很重要,IE6定死高度后,需要再加上这条,才能自动延伸。*/

_height:116px;/*IE6*/

}

本文固定链接: http://www.web92.net/396.html | WEB前端开发

该日志由 于2012年06月13日发表在 DIV&CSS 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: 最小高度使用技巧兼容 IE6、IE7、IE8、FF等浏览器 | WEB前端开发
关键字: