`

关于FLOAT在FF和IE7中的用法补充

float 
阅读更多

在定义一个DIV的对齐属性时，常被IE7和FF搞得晕头转向，后来发现原因就在FLOAT，看来这个FLOAT真是大有文章。

 

原来当给一个DIV定义FLOAT属性，譬如“FLOAT：left; ”，那么这个DIV就自动居左，但是其宽度如果不定义的话，在IE7和FF中永远是以DIV中内容的最大宽度来显示，而在IE6中这个DIV的宽度却可以横贯它本身所存在的母DIV，因此由这个没有定义的宽度可以引发出FLOAT值的很大变化，而造成其它后续DIV的错位。

 

所以，在DIV的FLOAT定位中，一定得检查是否需要定义其的宽度，否则FLOAT就不是那么灵了。

分享到：
| 直接用提交按钮链接到另一个页面
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    CSS完美兼容IE6IE7FF的通用方法

    浮动元素可能导致布局问题，尤其是在IE6和IE7中。使用“clearfix”技巧可以帮助避免这些问题： ```css .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } ``` ...

    CSS完美兼容IE6_IE7_FF的通用方法

    由于历史原因，Internet Explorer（尤其是IE6和IE7）与现代浏览器如Firefox在解析CSS时存在显著差异，这导致了诸多兼容性问题。本文将探讨一种通用方法来解决CSS在IE6、IE7及Firefox中的兼容性问题，通过使用特定的...

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

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

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

    - `*` 通配符在IE6和IE7中被识别，但在标准浏览器如Firefox中不被识别。利用这一点，可以编写特定于IE的规则。 3. **处理空链接**： - 当链接没有实际的目标（如 `href="#"`）时，某些浏览器可能会导致页面滚动到...

    图片向上滚动效果(兼容ie6,ie7.ff)

    标题中的"兼容ie6,ie7.ff"指的是该效果不仅适用于现代浏览器，如Firefox（ff），还特别考虑了对旧版本Internet Explorer（ie6, ie7）的支持，因为这些老版本的浏览器在处理CSS和JavaScript时可能存在兼容性问题。...

    ie和ff浏览器的兼容

    ### IE和FF浏览器的兼容性解决方案 在网页开发过程中，不同浏览器之间的兼容性问题一直是个挑战。...通过上述解决策略，开发者可以在一定程度上缓解IE和FF之间的兼容性问题，提高网页在不同浏览器中的表现一致性。

    CSS样式表下FF与IE的区别

    在CSS样式表的应用中，Firefox（火狐浏览器）和Internet Explorer（IE浏览器）之间存在一些显著的差异。这些差异主要集中在盒模型、居中对齐、边框与背景、鼠标指针样式、以及脚本处理等方面。理解这些差异对于创建...

    全面的IE6_7_8_FF样式兼容

    在网页开发过程中，浏览器兼容性始终是一个不可忽视的重要问题，特别是对于旧版本的 Internet Explorer (IE) 和 Firefox (FF)。"全面的IE6_7_8_FF样式兼容"资源正针对这一挑战提供了详尽的解决方案。以下是关于这些...

    IE与FF的CSS兼容问题大集合

    `cursor: pointer`在IE和FF中的表现不一致 **问题描述**：`cursor: pointer;`在IE中显示为手型光标，而在FF中则不一定。 **解决方案**：在CSS中定义`cursor: pointer;`以确保在所有浏览器中都显示为手型光标。 #...

    ff和ie的区别，css hack方面可以用到哦

    - 浮动元素（使用`float`属性）在Firefox和IE中的表现也存在差异，尤其是在清除浮动（`clear`属性）的应用上。IE默认的`clear`行为可能不足以清除所有的浮动效果，特别是当涉及到复杂的布局结构时。开发者可能需要...

    CSS浏览器兼容性问题(IE6,IE7,IE8和Fixfox)

    【CSS浏览器兼容性问题(IE6,IE7,IE8和Firefox)】 在网页开发中，CSS（层叠样式表）的浏览器兼容性是设计师和开发者必须面对的一大挑战。尤其在处理IE6、IE7、IE8以及Firefox等不同浏览器时，由于各浏览器对CSS规范...

    ie6/7/8的 css hack

    【CSS Hack】在Web开发中，CSS Hack是一种特殊的技术，用于解决不同浏览器对CSS解析的差异，特别是针对老版本的Internet Explorer（IE6、IE7和IE8）的兼容性问题。这些浏览器在解析CSS时存在诸多不一致，导致设计师...

    DIV+CSS布局：CSS浮动float属性详解[归纳].pdf

    在IE6和FF中的效果如下： 在IE6中，对content_a应用向左的浮动后，content_a向左浮动，content_b在水平方向仅跟着它的后面。 在FF中，对content_a应用向左的浮动后，content_b在水平方向容器不可见，只留下了文字...

    ie6,ie7兼容性总结

    **问题描述**：在IE6和IE7中，`img`标签后若有空白字符，会导致图片下方出现额外的空白空间。 **解决方案**：通过设置`img`的`display`属性为`block`来解决。 ##### 9. 失去`line-height`效果 **问题描述**：在IE...

    DIV+CSS_IE-FF兼容.pdf

    在IE6中，给浮动容器定义`margin-left`或`margin-right`时，实际上会应用两倍的边距。 **解决方案：** 可以给浮动容器添加`display:inline`来解决这个问题。 ```css .float-element { float: left; display: ...

Magicbox
Global site tag (gtag.js) - Google Analytics