当前位置: 网站建设 > 网页设计 > 建站经验 >

兼容多浏览器的Div高度自动伸展的效果

时间:2013-03-02 03:54来源:未知 作者:admin 点击:

标签:兼容多浏览器的Div高度自动伸展的效果 效果(56)自动(25)网站建设(1202)兼容(37)浏览器(54)伸展(2)高度(18)div(47)
--> [网站建设之]兼容多阅读器的Div高度主动舒展的后果 , 兼容IE和FF的CSS HACK写法 给大家说说兼容多浏览器的Div高度自动伸展的效果, 兼容ie、firefox的图片自动缩放的css跟js代码分享 。一般的Div都能够自动延长,但让Div有一个固定高度,在内容增多时自动伸展,并且兼容多浏览器该怎么做呢? 很简略,代码如下: , 具有引导性的移动应用界面设计模式 搜索、排序和筛选 .div { width:200px; height:200px; height:auto; min-hei
兼容多浏览器的Div高度自动伸展的效果》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/030233T62013.htm
--> [网站建设之]兼容多阅读器的Div高度主动舒展的后果 ,兼容IE和FF的CSS HACK写法

给大家说说兼容多浏览器的Div高度自动伸展的效果,兼容ie、firefox的图片自动缩放的css跟js代码分享。一般的Div都能够自动延长,但让Div有一个固定高度,在内容增多时自动伸展,并且兼容多浏览器该怎么做呢?

很简略,代码如下:

,具有引导性的移动应用界面设计模式 搜索、排序和筛选.div { width:200px; height:200px; height:auto; min-height:200px; }
这段CSS代码是应用CSS书写次序和浏览器的特别兼容性转变其对CSS的解析做到的,关闭XPSP2运行本地HTML文件的安全警告,它可以在IE6、IE7、Firefox等浏览器中畸形显示,关于迅雷网站的设计分析。下面来说明一下:

height:200px定义了div的高度为200像素,这句代码对所有浏览器有效。但div的内容超过200像素时,IE6浏览器中的容器会自动舒展,IE7、Firefox等古代浏览器则不会向下舒展,内容溢出容器,关于解决网站内容复制几点建议。如上图中溢出状况图示,关于网页标题的视觉设计方法和技巧

height:auto对IE6浏览器不起作用,关于网站评论页面设计的一些指导原则,但对IE7、Firefox等浏览器起作用,可以修复溢出效果,但到这一步因为auto起到了作用,在IE7跟Firefox中Div又不了高度,所以在后面还要加一句min-height:200px来让这个div的最小高度为200像素。

这种方式看似没有用到CSS hack,但实在这也算是CSS hack的一种,由于它是利用CSS书写顺序到达的效果。有兴致的友人可以看前面CSS hack的相干文章。
Tag:兼容  ,关于网站维护内容和维护方案的制定; 浏览器   Div高度   自动伸展     兼容   浏览器   Div高度   自动伸展  ,关于网站日志中的不完整url或莫名其妙的url抓取;  
(责任编辑:网站建设)
兼容多浏览器的Div高度自动伸展的效果相关文章
上一篇:兼容IE和FF的CSS HACK写法 下一篇:内容类网站提高网站粘度的常见方法
回到顶部