<!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设置"所指向的知识点,主要涉及到CSS(层叠样式表)中的最小高度(min-height)属性以及如何实现跨浏览器的兼容性...
### div错位解决IE6/IE7/IE8样式不兼容问题 在Web开发中,兼容性一直是开发者面临的重要挑战之一。特别是在早期浏览器版本中,如Internet Explorer 6(IE6)、IE7 和 IE8,由于这些浏览器对于CSS的支持存在较大差异...
本文档“DIV+css兼容性FFIE6IE7IE8IE9[借鉴].pdf”主要关注如何处理Firefox和不同版本的Internet Explorer(IE6、IE7、IE8、IE9)之间的CSS差异。以下是一些关键知识点的详细说明: 1. **CSS Hack**: - CSS Hack...
以上 CSS 规则确保了容器 `#wrap` 在 Firefox 和 IE7 下具有自动高度,而在 IE6 下具有最小高度设置。此外,左右两个浮动区域也被正确地放置。 #### 结论 尽管现代浏览器已经非常接近于遵循相同的 CSS 标准,但在...
### DIV+CSS 兼容性 IE FF:深入探讨浏览器间的差异与共通点 #### 一、引言 随着Web技术的发展,DIV+CSS布局已成为网页设计中的主流方式。然而,在实际开发过程中,不同的浏览器(如Internet Explorer 6/7/8、Fire...
### DIV+CSS_IE-FF兼容知识点详解 #### 一、概述 在Web开发过程中,确保网页在各种浏览器中保持一致的表现是一项重要的任务。由于不同浏览器(例如Internet Explorer和Firefox)对于CSS的支持程度和解析方式存在...
为了解决这一问题,可以使用以下CSS规则来兼容IE6: ```css .min-height-div { height: auto !important; height: 200px; min-height: 200px; } ``` 这样可以确保在IE6中也能正确显示高度。 #### 12. 自动换行...
在网页设计中,经常会遇到需要设定一个div元素同时拥有最小高度并且高度能够根据内容自适应,同时还要求在不同的浏览器下保持一致的显示效果。...这种方法适用于需要兼容IE和FF以及其他现代浏览器的场景。
在IE6下,上下两个div中,上面的div设置了背景,但是下面未设置背景的div也会显示上面div的背景,这就是背景吞吃现象。 **解决方案**: 使用`zoom:1`属性可以解决这个问题,该属性专为解决IE6中的兼容性问题而设计...
标题 "最小高度能自适应高度IE.FF全兼容的div设置特效代码" 涉及的是前端开发中的一个常见问题,即如何在不同浏览器(尤其是IE和Firefox)中实现一个div元素的最小高度自适应其内容高度,并保持良好的兼容性。...
#### 一、IE6/IE7/IE8/Firefox/Chrome/Safari的CSShack兼容一览表 为了确保网站能在不同的浏览器中呈现出一致的效果,了解和掌握各种CSS hack技巧是非常重要的。以下是一些常用且有效的CSS hack方法: 1. **区别IE...
### IE6、IE7、Firefox等浏览器不兼容的原因及解决办法 #### 一、引言 随着Web技术的发展,浏览器的兼容性问题一直是前端开发者面临的重要挑战之一。尤其是在早期的Web开发时代,如IE6、IE7以及较早版本的Firefox等...
CSS设置页面最大最小宽度 兼容ie6/7/8/9,FF,chrome,sogou等浏览器 设置最小宽度 div { width:100%; min-width:1000px; width:expression_r(document.body.clientWidth < 1000> 1200 ? "1200px": "auto" ); } ...
### CSS `min-height` 在IE6、IE7与Firefox下的DIV自适应高度解决方案 #### 背景介绍 在Web开发的历史长河中,不同浏览器对CSS的支持程度一直是开发者们面临的一大挑战。尤其是在早期,Internet Explorer 6 (IE6) ...
为了兼容,可以先为IE6编写常规CSS选择器,然后使用子选择器针对IE7+和其他现代浏览器。例如,`.content {color:red;}`用于IE6,而`div>p .content {color:blue;}`则适用于其他浏览器。 3. **PNG半透明图片问题**:...
为兼容IE,可以在`body`标签下添加一个div,并设置特定类,利用`width:expression`结合JavaScript实现。例如: ```css #container{ min-width: 600px; width:expression(document.body.clientWidth ); } ``` ...
总结来说,处理IE6和IE7中`DIV`容器固定高度的问题,关键在于理解和应用`overflow`和`min-height`属性,同时利用CSS Hack来确保在不同浏览器中的兼容性。在实际工作中,为了跨浏览器的兼容性和用户体验,建议尽可能...
在IE6-7中,设置`text-align: center`会使文本及嵌套块元素居中,但在FF、Opera、Safari、IE8中,只有文本居中。为使块元素居中,应使用`margin: 0 auto;`。 3. **垂直居中问题**: `vertical-align: middle;`在...