做一个网页。就会遇见firefox与iE css的兼容问题
今天俺就发现了。
父div 设置了height:auto 在IE中设置没问题，但是到firefox中父div却没有增加，，，
看网上说 加入 min-height:10px; height:auto !important 但是该设置在子div出现float的时候还是不行。原因貌似是 当auto计算的是非float类型的高度。所以。。。。。
没办法设置为 height:100% overflow:auto 这样就可以。不清楚回家看看详细。。。。
还有就是css太恶心了。就是一个中文符号让俺找了半天。。。晕。。。。
补充内容：
至于上面的解决方法能解决暂时的问题，但是看逻辑或者其他东西暂时看不懂，又请教了一下。 对此div修改一下
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
.clear { clear:both; margin:0px; top:0px}
</style>
<title>Just a test</title>
</head>
<body>
<center>
<!-- mainLogo begin -->
<div class="mainlogo">
mainlogo
</div>
<!-- mainLogo end-->
<!-- mainBody begin -->
<div class="mainBody">
<!-- mainBodyLeft begin-->
<div class="mainBodyLeft">
</div>
<!-- mainBodyLeft end-->
<!-- mainBodyRight begin-->
<div class="mainBodyRight">
this is the right
</div>
<!-- mainBodyRight end-->
// 注意这里是解决的办法。加入一个clear div clear定义在上面
<div class="clear"></div>
</div>
<!-- mainBody end-->
</center>
</body>
</html>
对与clear属性的说明：
clear：该属性的值指出了不允许有浮动对象的边。
这个属性是用来控制float属性在文档流的物理位置的。
当属性设置float（浮动）时，他所在的物理位置已经脱离文档流了，但是大多时候我们希望文档流能识别float（浮动）,或者是希望float（浮动）后面的元素不被float（浮动）所影响，这个时候我们就需要用clear:both;来清除clear:both;
这个解释和可以。而且理解也可以呵呵、。就是他了、、、、当初看auto的时候里面也提到了
不认识别设置float属性的 div这样就解决了。。。。。
希望能给大家一小点点帮助呵呵 以后不必为float 属性发愁了呵呵。。。
分享到：
相关推荐
本篇文章主要针对Dreamweaver（简称DW）设计工具中设置`height: auto`在Firefox浏览器下显示异常的情况进行分析，并提出相应的解决方案。确保网页能在各种浏览器中正常显示，对于提升用户体验至关重要。 #### 问题...
5. **页面最小宽度的JavaScript解决方案**：对于IE，可以使用JavaScript表达式实现min-width的效果： ```css #container { min-width: 600px; width: expression(document.body.clientWidth < 600 ? "600px" : ...
**解决方案：** - 使用标准的DOCTYPE声明，例如HTML5的`<!DOCTYPE html>`，以确保在所有浏览器中都能正确解析文档。 #### 三、Margin Auto的处理 **知识点：** 1. **Margin Auto的含义：** - `margin: auto`常...
- Firefox通过`margin: auto`和`text-align: center`实现水平居中，而IE需要配合`display: block`和`float: left`。 - 垂直居中可以通过`vertical-align: middle`结合行高`line-height`来实现，但需控制内容不换行...
本文将详细探讨IE浏览器和Firefox浏览器之间的兼容性问题，并提供一些解决方案。 #### 二、CSS浏览器兼容性概述 CSS（Cascading Style Sheets）是用于描述HTML文档外观和格式的语言。不同的浏览器可能对CSS的支持...
每个浏览器都有自己的内核，如Internet Explorer的 Trident、Firefox的 Gecko、Chrome和Safari的 Blink以及Opera的 Presto等，它们对CSS和JavaScript的解析规则不尽相同，导致了页面在不同浏览器中显示效果的差异。...
- **解决方案**：使用`line-height`属性或固定的高度和宽度来解决该问题。同时保持页面结构尽量简单。 #### 三、总结 以上介绍的技巧可以帮助开发者更好地处理CSS在IE和Firefox之间的兼容性问题。虽然随着现代...
以下是一些针对不同浏览器，特别是IE7、6和Firefox的兼容性处理方法： 1. **CSS垂直居中问题**： 当需要使一个div内的内容垂直居中时，可以使用`vertical-align: middle;`配合`line-height`属性。将`line-height`...
- Firefox通过设置`margin: auto`实现水平居中，而IE需要结合`text-align: center`。垂直居中可以通过`vertical-align: middle;line-height`配合单行文本实现。 3. **边距和填充** - Firefox和IE对盒模型的理解...
以下是一些常见的CSS兼容性问题以及解决方案： 1. **DOCTYPE的影响**：DOCTYPE声明会影响浏览器进入不同的渲染模式，如Quirks Mode或Standards Mode。在标准模式下，Firefox和IE通常遵循W3C标准，但在Quirks Mode下...
本文档旨在帮助 JSP 开发人员解决浏览器之间的兼容性问题，提出解决方法，涵盖 Firefox、谷歌、百度和 IE6/7/9 浏览器的兼容问题。 1.Div 的高度参数值后加 px 在设置 Div 的高度时，需要在参数值后加上 px，例如 ...
### div+css兼容性问题解决方案 ...以上就是针对IE7、IE6以及Firefox等浏览器在使用`div+css`布局时常见的兼容性问题及其解决方案。通过这些技巧，可以有效提高网页在不同浏览器间的兼容性和用户体验。
其中，“IE6双倍边距”问题是一个非常典型的案例，本文将深入探讨这一问题及其解决方案。 #### 问题描述 在CSS布局中，有时会遇到一个奇怪的现象：当设置了某个元素（如`<div>`）的左侧外边距（`margin-left`）为...
在Firefox中，嵌套div的居中可以通过设置子div的`margin: 0 auto;`实现，例如： ```css #b { margin: 0 auto; } ``` 这样，子div `b` 将在父div `a` 内部水平居中。 掌握这些DIV+CSS的面试知识点，可以帮助...