转:困扰许久的问题 - div自适应内容高度且有最小高度的解决办法

本文介绍了一种使用CSS的min-height属性来确保不同浏览器下div元素具有相同最小高度的方法,并解决了IE6不支持min-height的问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

http://goodboy5264.blog.163.com/blog/static/2538298201042015757859/

 

一 般企业的网站二级页面的文章是不知道多少内容更不知道div需要设置多少才能适应文章高度的,我们做静态页的时候为了美观还不能不设置高度,怎么才能解决 这个问题呢?我这里用到了min-height这个css属性,但是ie6不支持这个属性怎么办?只能写浏览器兼容了。

CSS代码

.div{

height:auto !important;

height:600px; 

min-height:600px;

!important是火狐的属性,也就是说当ie浏览器浏览时直接跳过  height:auto !important;  这段而执行  height:600px;   ie中默认div自适应文章高度的,当内容变长时会自动拉高div高度。

当火狐浏览器浏览时会执行  height:auto !important;  和  min-height:600px; 。

这样div在IE与firefox中都会有一个最小高度,且高度会自适应内容的长度。

高兴今天终于有解决了一个问题哈哈,以前div做这部分功能的时候总是不设高度,当无数据时页面就不怎么好看了呵呵。css和div学的比较浅显很多东西都是在学习和整理在应用,大家如果有问题多多提出我们一起解决问题哦!

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值