`

有关在ie6中不定义宽度的浮动

阅读更多

这个问题是在工作当中遇到的。

一般的情况,ie6如果在左右浮动来布局页面的话,一般都要定大小了。但是这样就局限了我们样式的扩展,有时候我们不得不,要根据内容的宽度来确定一个div的宽度,所以一般情况下,我们是不能定死宽度的。

说是说,我们得拿个实例来。请先下载附件 ,继续……

 

 我大概的布局就是 <ul>

                                  <li><div></div><div></div></li>

                          </ul>

 在这种情况下我们在ie6中一般是要定li上的宽度才能让它左浮动的,不然li会成块状来显示。这样就没有达到我们想要的效果。

 重点 :最好的解决办法,就是让li浮动,li下面的第一个子元素也浮动 。这样问题就解决了。

看起来容易,但是在实际的工作中,我们是很体会到的哦。

还有,附件里的那个实例很价值,大家不防认真看看。

里面介绍到了有关定位的一些问题,大家一期待我下次的解说吧。

分享到:
评论

相关推荐

    ie6中页面的bug

    10. **浮动元素的清除**:在IE6中,浮动元素的清除有时会出现问题,可以使用`clear:both`或额外的`&lt;div class="clear"&gt;&lt;/div&gt;`来解决,类名`clear`的CSS定义为`clear:both`。 以上是针对IE6的一些常见问题和解决...

    ie6,ie7兼容性总结

    **问题描述**:在IE6下,如果为浮动容器定义了`margin-left`或`margin-right`属性,则实际的效果将是定义值的两倍。 **解决方案**:可以通过给浮动容器定义`display:inline`来解决此问题。 ##### 5. Mirror Margin...

    IE6,IE7,FF等浏览器不兼容原因及解决办法

    - **问题描述**:在水平方向上,如果一个浮动的容器没有定义宽度,那么在Firefox中,内容可能会撑开容器的宽度;而在IE中,容器会优先考虑内容折行。 - **解决办法**:为了解决这个问题,对于可能出现撑破情况的浮动...

    ie6/7/8的 css hack

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

    css解决IE6,IE7,firefox兼容性问题.

    - 空格和回车会导致元素间出现间隙,且在 IE 和 Firefox 中的宽度不同。解决方案是: ```css .elements { white-space: nowrap; } /* 防止换行 */ ``` 4. **对不规范代码的兼容性差异** - IE 对未闭合的标签更...

    css 在ie7与ie8下的差别

    IE7默认采用的是“怪异盒模型”,其中content的宽度不包括边框和内边距,而IE8在标准模式下遵循W3C的盒模型,内容宽度包含边框和内边距。开发者可以通过`box-sizing`属性来控制盒模型的行为,但在没有此属性的情况下...

    css常见的bug(ie)

    IE6不支持`min-height`属性,但可以通过结合使用`height`和`!important`规则,以及一个错误的`height`声明来模拟最小高度的效果。例如: ```css #element { min-height: 20em; height: auto !important; /* 对...

    ie6十大兼容性问题

    复杂布局可能会导致IE6中出现一个bug:浮动对象的最后一个字符可能出现在已清除浮动的元素之后。这个问题可以通过以下方法解决: - 确保所有浮动元素都使用 `display: inline`; - 为最后一个浮动元素设置 `margin-...

    DIV+CSS设计时IE6、IE7、FF 与兼容性有关的特性

    然而,不同浏览器对CSS的支持程度并不完全一致,尤其是在IE6、IE7和Firefox(FF)之间,存在诸多兼容性问题。本文将深入探讨这些浏览器之间的差异以及解决策略。 首先,对于CSS兼容性问题,一种常见的解决方案是...

    css+div自适应窗口宽度

    在另一个代码片段中,`.R`类的div元素宽度设定为100px,背景色为蓝色,且浮动到右边。这里展示了另一种自适应布局的方式,通过浮动元素和固定宽度来分配页面空间。 最后的代码示例中,`.wrap_l`, `.wrap_m`, 和 `....

    CSS的下拉菜单,支持IE6 IE7 Firefox

    - 在IE6中,使用了`&lt;table&gt;`元素作为嵌套容器,以解决某些布局问题。 - 在IE7中,则直接使用了正常的HTML结构。 #### 总结 本文介绍了一个兼容IE6、IE7及Firefox浏览器的纯CSS下拉菜单实现方案。通过合理的CSS...

    div+css_兼容ie6_ie7_ie8_ie9和FireFox_Chrome等浏览器方法

    本文将详细介绍如何使基于div+css布局的网页在Internet Explorer(IE6, IE7, IE8, IE9)及Firefox、Chrome等现代浏览器中表现一致。 #### 1. DOCTYPE对CSS的影响 文档类型声明(DOCTYPE)是HTML文档的第一行,它...

    浮动代码 

    确保你的浮动窗口代码在各种浏览器(包括老版本的IE)上都能正常工作,可能需要引入一些polyfill或者使用兼容性良好的库。 5. **优化**: - **性能**:避免使用过于复杂的JavaScript或CSS,以减少页面加载时间。 ...

    前端面试题汇总1

    4. **内容撑破浮动容器**:在Firefox中,如果没有定义宽度,内容可能会使浮动容器无限宽。在IE中,内容会优先考虑折行。因此,为可能被内容撑破的浮动容器定义宽度是必要的。 5. **浮动清除**:Firefox需要显式清除...

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

    **问题描述**:IE5与IE6在处理BOX模型时存在差异,特别是在计算宽度时。 **解决方案**:可以通过为IE6指定特定的宽度值来解决这个问题,例如`width: 300px !important; width: 340px;`。 #### 11. `ul`标签在...

Global site tag (gtag.js) - Google Analytics