`
kdjf93454
  • 浏览: 4506 次
文章分类
社区版块
存档分类
最新评论

DIV最小高度设置(兼容IE6/IE7/IE8/FF)

 
阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>http://www.yuanshi88.com/</title>
<style type="text/css">
/*<![CDATA[*/
div {
     width:200px;
     height:auto!important;
     height:200px;
     min-height:200px;
     border:1px solid green;
    }
/*]]>*/
</style>
</head>
<body>
<div>Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! Yes!/B/S! </div>
</body>
</html>
分享到:
评论

相关推荐

    最小高度能自适应高度IE.FF全兼容的div设置.rar

    标题"最小高度能自适应高度IE.FF全兼容的div设置.rar"和描述"最小高度能自适应高度IE.FF全兼容的div设置"所指向的知识点,主要涉及到CSS(层叠样式表)中的最小高度(min-height)属性以及如何实现跨浏览器的兼容性...

    div错位解决IE6IE7IE8样式不兼容问题

    ### div错位解决IE6/IE7/IE8样式不兼容问题 在Web开发中,兼容性一直是开发者面临的重要挑战之一。特别是在早期浏览器版本中,如Internet Explorer 6(IE6)、IE7 和 IE8,由于这些浏览器对于CSS的支持存在较大差异...

    DIV+css兼容性FFIE6IE7IE8IE9[借鉴].pdf

    本文档“DIV+css兼容性FFIE6IE7IE8IE9[借鉴].pdf”主要关注如何处理Firefox和不同版本的Internet Explorer(IE6、IE7、IE8、IE9)之间的CSS差异。以下是一些关键知识点的详细说明: 1. **CSS Hack**: - CSS Hack...

    CSS兼容IE6,IE7和FF的总结 .

    以上 CSS 规则确保了容器 `#wrap` 在 Firefox 和 IE7 下具有自动高度,而在 IE6 下具有最小高度设置。此外,左右两个浮动区域也被正确地放置。 #### 结论 尽管现代浏览器已经非常接近于遵循相同的 CSS 标准,但在...

    DIV+CSS 兼容性 IE FF

    ### DIV+CSS 兼容性 IE FF:深入探讨浏览器间的差异与共通点 #### 一、引言 随着Web技术的发展,DIV+CSS布局已成为网页设计中的主流方式。然而,在实际开发过程中,不同的浏览器(如Internet Explorer 6/7/8、Fire...

    DIV+CSS_IE-FF兼容.pdf

    ### DIV+CSS_IE-FF兼容知识点详解 #### 一、概述 在Web开发过程中,确保网页在各种浏览器中保持一致的表现是一项重要的任务。由于不同浏览器(例如Internet Explorer和Firefox)对于CSS的支持程度和解析方式存在...

    ie和ff浏览器的兼容

    为了解决这一问题,可以使用以下CSS规则来兼容IE6: ```css .min-height-div { height: auto !important; height: 200px; min-height: 200px; } ``` 这样可以确保在IE6中也能正确显示高度。 #### 12. 自动换行...

    拥有最小高度能自适应高度同时全兼容IE、FF的div设置

    在网页设计中,经常会遇到需要设定一个div元素同时拥有最小高度并且高度能够根据内容自适应,同时还要求在不同的浏览器下保持一致的显示效果。...这种方法适用于需要兼容IE和FF以及其他现代浏览器的场景。

    ie6兼容性问题解决

    在IE6下,上下两个div中,上面的div设置了背景,但是下面未设置背景的div也会显示上面div的背景,这就是背景吞吃现象。 **解决方案**: 使用`zoom:1`属性可以解决这个问题,该属性专为解决IE6中的兼容性问题而设计...

    最小高度能自适应高度IE.FF全兼容的div设置特效代码

    标题 "最小高度能自适应高度IE.FF全兼容的div设置特效代码" 涉及的是前端开发中的一个常见问题,即如何在不同浏览器(尤其是IE和Firefox)中实现一个div元素的最小高度自适应其内容高度,并保持良好的兼容性。...

    css浏览器兼容整理

    #### 一、IE6/IE7/IE8/Firefox/Chrome/Safari的CSShack兼容一览表 为了确保网站能在不同的浏览器中呈现出一致的效果,了解和掌握各种CSS hack技巧是非常重要的。以下是一些常用且有效的CSS hack方法: 1. **区别IE...

    IE6,IE7,FF等浏览器不兼容原因及解决办法

    ### IE6、IE7、Firefox等浏览器不兼容的原因及解决办法 #### 一、引言 随着Web技术的发展,浏览器的兼容性问题一直是前端开发者面临的重要挑战之一。尤其是在早期的Web开发时代,如IE6、IE7以及较早版本的Firefox等...

    CSS控制页面最大最小宽度和高度可兼容IE6版本的实现方法

    CSS设置页面最大最小宽度 兼容ie6/7/8/9,FF,chrome,sogou等浏览器 设置最小宽度 div { width:100%; min-width:1000px; width:expression_r(document.body.clientWidth &lt; 1000&gt; 1200 ? "1200px": "auto" ); } ...

    CSS min-height IE6、IE7、FF下DIV自适应高度

    ### CSS `min-height` 在IE6、IE7与Firefox下的DIV自适应高度解决方案 #### 背景介绍 在Web开发的历史长河中,不同浏览器对CSS的支持程度一直是开发者们面临的一大挑战。尤其是在早期,Internet Explorer 6 (IE6) ...

    CSS HACK收集:关于IE6/FF/google等浏览器hack的方法详细

    为了兼容,可以先为IE6编写常规CSS选择器,然后使用子选择器针对IE7+和其他现代浏览器。例如,`.content {color:red;}`用于IE6,而`div&gt;p .content {color:blue;}`则适用于其他浏览器。 3. **PNG半透明图片问题**:...

    css+div浏览器兼容技巧

    为兼容IE,可以在`body`标签下添加一个div,并设置特定类,利用`width:expression`结合JavaScript实现。例如: ```css #container{ min-width: 600px; width:expression(document.body.clientWidth ); } ``` ...

    在IE6,IE7 中DIV容器固定高度的使用技巧

    总结来说,处理IE6和IE7中`DIV`容器固定高度的问题,关键在于理解和应用`overflow`和`min-height`属性,同时利用CSS Hack来确保在不同浏览器中的兼容性。在实际工作中,为了跨浏览器的兼容性和用户体验,建议尽可能...

    css浏览器兼容问题

    在IE6-7中,设置`text-align: center`会使文本及嵌套块元素居中,但在FF、Opera、Safari、IE8中,只有文本居中。为使块元素居中,应使用`margin: 0 auto;`。 3. **垂直居中问题**: `vertical-align: middle;`在...

Global site tag (gtag.js) - Google Analytics