标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度，又想能被撑开需要怎样设置呢？办法就是去掉he ight设置min-height:200px; 这里为了照顾不认识min-height的IE6 可以这样定义：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<style type="text/css">
<!--
div {
height:auto !important; height:100px; min-height:100px; border:1px solid red;overflow:visible;}
-->
</style>
</head>
<body>
<div>
I LOVE MY COUNTRY! <br>
JOHNI LOVE MY COUNTRY! <br>
JOHNI LOVE MY COUNTRY! <br>
JOHNI LOVE MY COUNTRY! <br>
JOHNI LOVE MY COUNTRY! <br>
JOHNI LOVE MY COUNTRY! <br>
JOHNI LOVE MY COUNTRY! <br>
I LOVE MY COUNTRY! <br>
JOHNI LOVE MY COUNTRY! <br>
JOHNI LOVE MY COUNTRY! <br>
JOHNI LOVE MY COUNTRY! <br>
JOHNI LOVE MY COUNTRY! <br>
JOHNI LOVE MY COUNTRY! <br>
JOHNI LOVE MY COUNTRY! <br>
</div>
</body>
</html>
分享到：
相关推荐
为什么FF下文本无法撑开容器的高度 为什么IE6下容器的宽度和FF解释不同呢 为什么web标准中IE无法设置滚动条颜色了 为什么我定义的样式没有作用呢 为什么无法定义1px左右高度的容器 为什么这个背景颜色无法显示 怎么...
2. const问题 3 3. event.x与event.y问题 3 4. window.location.href问题 3 ...2. innerText在IE中能正常工作，但在FireFox中却不行....5. FF和IE BOX模型解释不一致导致相差...26. 为什么FF下文本无法撑开容器的高度 3
3. FF下文本无法撑开容器高度：Firefox等标准浏览器不支持通过内容自动调整固定高度容器的高度。要同时保持固定高度并允许内容撑开容器，可以使用`min-height`属性，并针对不支持此属性的IE6添加特殊样式。 4. 设置...
3. **FF下文本无法撑开容器高度** 标准浏览器（如Firefox）中，固定高度的容器不会像IE6那样被内容自动撑开。若希望固定高度并能被内容撑开，可以使用`min-height`替代`height`。同时，为了兼容IE6，可以这样写CSS...
为什么无法定义1px左右高度的容器 - **IE**: 可能会出现1像素高度的容器渲染问题。 - **Firefox等其他浏览器**: 通常表现一致。 **解决方案**: 使用伪元素或绝对定位技术来实现1像素高度的容器。 ##### 22. 链接...
三十八、为什么无法定义1px左右高度的容器 在IE中，无法定义1px左右高度的容器的处理方式不同。解决方法是使用统一的方法来处理无法定义1px左右高度的容器。 三十九、链接(a标签)的边框与背景 在IE和FireFox中，...
- FF下文本无法撑开容器高度：可以通过设置`min-height`来解决。 - IE无法设置转动条颜色：在IE中，滚动条样式不可直接设置，需要使用特定的CSS hack。 - 容器高度问题：IE6默认行高导致问题，可以使用`overflow`...
- FF下文本无法撑开容器高度：可以通过设置`min-height`来解决。 - IE无法设置转动条颜色：这是因为IE不支持CSS的`scrollbar-color`属性。 - 1px左右高度的容器：在IE6下，可以通过`overflow`或`zoom`属性解决。 ...
3. FF 下文本无法撑开容器的高度 问题描述：标准浏览器中固定高度值的容器是不会象 IE6 里那样被撑开的，那么想固定高度，又想能被撑开需要怎样设置呢？ 解决方法：去掉 height 设置 min-height:200px; 这里为了...
3. **FF文本无法撑开容器高度**： Firefox等标准浏览器中，固定高度的容器不会被内容自动撑开。要实现既固定高度又能根据内容自适应，可以使用`min-height`，同时为了兼容IE6，可以设置`height:auto!important; ...
当容器使用了`float`布局且没有定义宽度时，在Firefox中容器的宽度会被内容撑开，而在IE中，容器的宽度则会保持不变，内容自动换行。 **解决方案：** 为了防止容器被内容撑破，可以显式地定义容器的`width`属性。 ...
**问题描述**：如果一个浮动容器未定义宽度，则在Firefox下，内容可能会尽可能地撑开容器宽度；而在IE下，内容可能会优先考虑折行，从而可能导致内容撑破容器。 **解决方案**：为避免此类问题发生，应为可能被撑破...
为什么无法定义1px左右高度的容器 - **问题描述**：在某些情况下，定义高度为1px的容器可能会遇到兼容性问题。 - **解决方法**：使用伪元素如`:before`和`:after`来创建高度极低的容器。 ##### 22. 链接(a标签)的...
FF下文本撑开容器高度** 标准浏览器中，固定高度的容器不会像IE6那样被内容撑开。若想同时保持固定高度和自适应内容高度，可以使用 `min-height` 结合 `height: auto!important;` 的方式。 #### 五、结论 浏览器...
对于设置了`float`的容器，如果未定义宽度，在Firefox下内容会尽可能撑开容器宽度，而在IE6下则会优先考虑内容折行，导致内容可能会撑破浮动容器。 **解决方案**： 对于可能撑破的浮动容器，需要显式定义`width`...
在Firefox中，文本有时无法完全撑开容器的高度，可通过设置`display: flex`或`align-items: center`来解决。 ### 16. 层与FLASH的层级关系 确保层显示在Flash之上的方法是在CSS中使用`z-index`属性，赋予层更高的...
在IE中，内容会自动撑开容器的高度。如果需要固定高度，可以使用`min-height`代替，并确保内容的布局能够适应不同浏览器的处理方式。 3. **内容撑破容器的横向问题**： 如果浮动元素（`float`）没有定义宽度，FF和...
- 当内层`div`宽度超过外层容器时，可能导致容器宽度被撑开。确保精确测量并设置宽度，或者使用百分比宽度以适应不同浏览器。 13. **高度动态问题**： - 动态内容高度最好通过JavaScript或CSS Flexbox进行处理，...