在Firefox浏览器下,没有给定高度的,边框无法显示.解决方式在最后加一句:
<div style="clear:both;"></div>
是在内容里面,不是在整层外哦.示例:
<div id="right_buy" class="sinagc" style="margin-top:10px;">
<h2><p class="sscx">新浪汽车</p></h2>
<li><a href="http://data.auto.sina.com.cn/680" target="_blank">途观</a></li>
<li><a href="http://data.auto.sina.com.cn/549" target="_blank">朗逸</a></li>
<li><a href="http://data.auto.sina.com.cn/332" target="_blank">福克斯</a></li>
<li><a href="http://data.auto.sina.com.cn/64" target="_blank">新君威</a></li>
<li><a href="http://data.auto.sina.com.cn/188" target="_blank">比亚迪F3</a></li>
<li><a href="http://data.auto.sina.com.cn/410" target="_blank">速腾</a></li>
<li><a href="http://data.auto.sina.com.cn/66" target="_blank">凯越</a></li>
<li><a href="http://data.auto.sina.com.cn/710" target="_blank">奥迪q5</a></li>
<li><a href="http://data.auto.sina.com.cn/632" target="_blank">汉兰达</a></li>
<li><a href="http://data.auto.sina.com.cn/145" target="_blank">本田cr-v</a></li>
<li><a href="http://data.auto.sina.com.cn/573" target="_blank">宝来</a></li>
<li><a href="http://data.auto.sina.com.cn/11" target="_blank">捷达</a></li>
<li><a href="http://data.auto.sina.com.cn/595" target="_blank">科鲁兹</a></li>
<li><a href="http://data.auto.sina.com.cn/765" target="_blank">大众CC</a></li>
<li><a href="http://data.auto.sina.com.cn/706" target="_blank">雪铁龙c5</a></li>
<li><a href="http://data.auto.sina.com.cn/523" target="_blank">逍客</a></li>
<li><a href="http://data.auto.sina.com.cn/62" target="_blank">赛欧</a></li>
<li><a href="http://data.auto.sina.com.cn/60" target="_blank">普拉多</a></li>
<li><a href="http://data.auto.sina.com.cn/13" target="_blank">高尔夫</a></li>
<li><a href="http://data.auto.sina.com.cn/105" target="_blank">马自达6</a></li>
<li><a href="http://data.auto.sina.com.cn/7" target="_blank">POLO</a></li>
<li><a href="http://data.auto.sina.com.cn/745" target="_blank">ix35</a></li>
<li><a href="http://data.auto.sina.com.cn/86" target="_blank">雅阁</a></li>
<li><a href="http://data.auto.sina.com.cn/54" target="_blank">嘉年华</a></li>
<li><a href="http://data.auto.sina.com.cn/9" target="_blank">奥迪A4l</a></li>
<div style="clear:both;"></div>
</div>
可以看到加入的位置.还有别的解决方法,但是现在忘了.下次想起来一定补充上来.
好记性不如烂笔头啊.了解.
分享到:
相关推荐
例如,对于Firefox浏览器,会增加额外的高度以避免某些布局问题。 #### 六、总结 本文详细介绍了如何实现`iframe`的高度和宽度自适应,包括基本原理、示例代码以及解决兼容性问题的方法。通过这些技术,可以使`...
"iFrame高度自适应终极解决方案(兼容IE7,8,9 Firefox3.6+,Chrome 12+)"这个标题所指向的,就是一种跨浏览器的策略,确保iFrame内容无论何时更新,都能自动调整其高度,从而避免滚动条的出现和内容溢出。...
例如,IE浏览器需要特殊处理其边框和滚动条的高度,而Firefox浏览器需要对其高度进行特殊计算。 知识点4:JavaScript的事件处理 在实现iFrame的高度自适应时,需要使用JavaScript的事件处理来监听iFrame的加载事件...
在旧版本的Internet Explorer(IE)和Opera浏览器中,`offsetHeight` 包括滚动条和边框的高度,但是在Netscape(NS)和Firefox(FF)中,`offsetHeight` 只是元素的可视高度,不包括滚动条的高度。这导致了不同...
本文讲解的是关于Iframe元素在网页中如何实现自适应高度,并确保在不同的浏览器环境下能够正常工作,特别是针对Internet Explorer(IE)和Firefox浏览器的兼容性问题。接下来将详细探讨实现Iframe自适应高度的方法...
总的来说,.clear方法结合巧妙的CSS hack,如透明边框和负外边距,可以在跨浏览器环境下有效地解决浮动元素导致的父元素高度丢失问题。同时,理解这些技巧对于优化网页布局和提高用户体验至关重要。在实际工作中,...
然而,`iframe`的自适应高度问题一直是一个常见的挑战,尤其是在不同的浏览器间,如IE和Firefox,它们的处理方式有所不同。本文将详细介绍一种通过JavaScript实现`iframe`自适应高度的方法,以确保在IE和Firefox上的...
### CSS解决IE6、IE7及Firefox兼容性问题详解 #### 一、引言 随着互联网技术的发展,浏览器种类日益增多,其中Internet Explorer (IE) 和 Firefox 是早期非常流行的两款浏览器。尤其在2000年代中期,IE6、IE7 和 ...
尤其是在IE(Internet Explorer)和FF(Firefox)浏览器之间,这两款浏览器在过去经常存在兼容性问题,使得开发者需要采取额外措施来保证网页的正常显示。 在本示例中,我们使用了CSS(层叠样式表)来定义div元素的...
在IE和FireFox中,float的div闭合、清除浮动和自适应高度的处理方式不同。解决方法是使用统一的方法来处理float的div闭合、清除浮动和自适应高度。 三十三、高度不适应 在IE和FireFox中,高度不适应的处理方式不同...
由于它们对CSS标准的实现存在差异,导致在不同浏览器下显示的效果可能不尽相同。以下是一些关键点,帮助开发者理解和解决这些问题。 1. **列表元素的默认样式**: - Firefox中的`ul`和`ol`元素默认`padding-left`...
在网页设计中,Firefox与IE(尤其是Internet Explorer)之间的CSS兼容性问题一直是开发者们面临的一大挑战。以下是一些常见的CSS兼容性问题以及解决方案: 1. **DOCTYPE的影响**:DOCTYPE声明会影响浏览器进入不同...
在上述问题中,开发者遇到了如何使 `iframe` 的宽度和高度自适应其内容的问题,特别是在一些老旧的浏览器如 IE6、IE7 和 IE8 以及 Firefox 3.86 下。由于网上的解决方案大多过时,开发者决定自己编写代码来解决这个...
* Firefox 和 IE 中链接加边框和背景色的问题,解决方法是设置 display: block 和 float: left * IE 中背景色的自适应高度问题,解决方法是多嵌套一个层,并设置浮动 七、解决方法 * 规范 CSS 代码,使其符合两种...
2. innerText在IE中能正常工作,但在FireFox中却不行. 3 3. CSS透明 3 4. css中的width和padding 3 5. FF和IE BOX模型解释不一致导致相差2px 3 6. IE5 和IE6的BOX解释不一致 3 7. ul和ol列表缩进问题 3 ...
IE 6.0及FireFox 1.06+中,clientWidth和clientHeight包括内边距,而IE 5.0/5.5中,它们不包括边框宽度。 在实现对话框控件的自适应大小时,需要考虑这些属性,并根据不同的浏览器环境选择合适的处理方式。例如,在...