<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
p.maxheight { width:200px;background:#CCCCCC;max-height:200px;height:expression( this.scrollHeight > 200 ? "200px" : "auto" );overflow:hidden;}
p.minheight { width:200px;background:#CCCCCC;min-height:200px;_height:200px }
p.minwidth{ background:#CCCCCC;min-width:300px;white-space:nowrap;float:left;_width:300px }
</style>
</head>
<body>
<p class="maxheight">
最大高度最大高度最大高度最大高度最大高度最大高度最大高度最大高度最大高度最大高度最大高度最大高度
最大高度最大高度最大高度最大高度最大高度最大高度最大高度最大高度最大高度最大高度最大高度最大高度
最大高度最大高度最大高度最大高度最大高度最大高度最大高度最大高度最大高度最大高度最大高度最大高度
最大高度最大高度最大高度最大高度最大高度最大高度最大高度最大高度最大高度最大高度最大高度最大高度
最大高度最大高度最大高度最大高度最大高度最大高度最大高度最大高度最大高度最大高度最大高度最大高度
最大高度最大高度最大高度最大高度最大高度最大高度最大高度最大高度最大高度最大高度最大高度最大高度
</p>
<p class="minheight">
最小高度最小高度最小高度
</p>
<p class="minwidth">
最小宽最小宽最小宽最小
</p>
</body>
</html>
分享到：
相关推荐
### 兼容IE的最小最大高度CSS写法详解 #### 一、背景介绍 在Web开发过程中，确保网站能够在各种浏览器上正常显示是一项重要的任务。尤其是对于那些仍需支持Internet Explorer（IE）的老项目，由于IE对现代CSS特性的...
主要涉及到CSS（层叠样式表）中的最小高度（min-height）属性以及如何实现跨浏览器的兼容性，特别是针对Internet Explorer（IE）和Firefox（FF）这两个广泛使用的浏览器。 最小高度属性`min-height`允许我们为HTML...
6. **最小高度(min-height)**：IE6不支持`min-height`属性，但可以通过CSS hack来解决，如： ```css #container { min-height: 200px; height: auto !important; /* 对其他浏览器生效 */ height: 200px; /* 对...
- 可以通过以下CSS代码来兼容 IE 浏览器： ```css .element { min-height: 200px; height: auto !important; height: 200px; overflow: visible; } ``` #### 7. 元素的默认样式问题 - **问题描述**：不同...
标题和描述中提到的问题，即如何在各种浏览器（包括IE6+和Firefox）中设置`div`的最小高度，是前端开发中常见的挑战。下面我们将详细探讨这个问题。 首先，CSS中的`min-height`属性用于定义元素的最小高度。当元素...
- **min-height**：在现代浏览器中，`min-height`用于设置元素的最小高度，但在IE6和IE7中，该属性的兼容性较差，无法正确识别并应用。 - **_hack**：为了在特定的浏览器版本中应用样式，开发者通常会使用CSS hack。...
本文将详细解释如何使用CSS为网页设置兼容IE6的最小宽度、最大宽度、最小高度和最大高度。 首先，让我们了解CSS中的`min-width`和`max-width`属性。这两个属性用于设定元素的宽度限制，确保元素不会小于或大于指定...
`的技巧，让IE6以外的浏览器识别最小高度，同时确保IE6不会超过指定的高度。 7. **最大高度**：在IE6中设置最大高度可通过JavaScript实现，根据元素的`scrollHeight`判断并设置合适的高度。可以封装成函数，方便...
本文旨在总结和分享一系列关于CSS兼容性的技巧，帮助开发者更好地解决在不同浏览器（如IE6-IE9、Firefox、Chrome等）下的样式差异问题。 #### 二、CSS兼容性基础知识 在深入探讨具体的兼容性技巧之前，我们首先...
在Web开发中，CSS（层叠样式表）的浏览器兼容性问题一直是开发者面临的挑战，特别是针对老旧的Internet Explorer版本，如IE6和IE7。了解和掌握这些兼容性技巧，能有效提升网页在不同浏览器上的表现。 1. **垂直居中...
3. 设置较小高度的标签在IE6、IE7和Maxthon（遨游）浏览器中高度会超出设定值。这是因为IE8之前的版本为标签设置了最小默认行高，导致即使标签是空的，高度也会达到这个默认值。解决方法是为超出高度的标签设置`...
通过这种方式，我们可以创建一个既具有最小高度保证，又能根据内容自适应高度的`div`，并且兼容了IE6、IE7和Firefox等主流浏览器。这在处理动态内容和保证跨浏览器一致性时非常实用。同时，这也体现了CSS在解决...
#### 一、IE6/IE7/IE8/Firefox/Chrome/Safari的CSShack兼容一览表 为了确保网站能在不同的浏览器中呈现出一致的效果，了解和掌握各种CSS hack技巧是非常重要的。以下是一些常用且有效的CSS hack方法： 1. **区别IE...
### IE6、IE7、Firefox等浏览器不兼容的原因及解决办法 #### 一、引言 随着Web技术的发展，浏览器的兼容性问题一直是前端开发者面临的重要挑战之一。尤其是在早期的Web开发时代，如IE6、IE7以及较早版本的Firefox等...
### 浏览器兼容性汇总知识点 #### 一、JavaScript兼容性问题 ##### 1. HTML对象获取问题 - **火狐（Firefox）**: 使用 `document.getElementById("idName")` 获取DOM元素。 - **IE**: 支持 `document.idname` 和 ...