`
化蝶自在飞
  • 浏览: 2329977 次
  • 性别: Icon_minigender_2
  • 来自: 武汉
社区版块
存档分类
最新评论

Firefox下自适应高度边框不显示的问题解决

    博客分类:
  • html
阅读更多

在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>

 

 

可以看到加入的位置.还有别的解决方法,但是现在忘了.下次想起来一定补充上来.

好记性不如烂笔头啊.了解.

分享到:
评论
1 楼 化蝶自在飞 2011-01-19  
另外一个很好使的方法是,给你的层来个 overflow:hidden; 吧.就像 .rightmm {overflow:hidden;} 这样.
必须的,因为在ie6下这个属性使用的相当频繁,解决错误的一大法宝.

相关推荐

    iframe自适应高度和宽度

    例如,对于Firefox浏览器,会增加额外的高度以避免某些布局问题。 #### 六、总结 本文详细介绍了如何实现`iframe`的高度和宽度自适应,包括基本原理、示例代码以及解决兼容性问题的方法。通过这些技术,可以使`...

    iFrame高度自适应终极解决方案(兼容IE7,8,9 Firefox3.6+,Chrome 12+)

    "iFrame高度自适应终极解决方案(兼容IE7,8,9 Firefox3.6+,Chrome 12+)"这个标题所指向的,就是一种跨浏览器的策略,确保iFrame内容无论何时更新,都能自动调整其高度,从而避免滚动条的出现和内容溢出。...

    iframe自适应高度兼容各主流浏览器

    例如,IE浏览器需要特殊处理其边框和滚动条的高度,而Firefox浏览器需要对其高度进行特殊计算。 知识点4:JavaScript的事件处理 在实现iFrame的高度自适应时,需要使用JavaScript的事件处理来监听iFrame的加载事件...

    基于jQuery实现左右div自适应高度完全相同的代码

    在旧版本的Internet Explorer(IE)和Opera浏览器中,`offsetHeight` 包括滚动条和边框的高度,但是在Netscape(NS)和Firefox(FF)中,`offsetHeight` 只是元素的可视高度,不包括滚动条的高度。这导致了不同...

    Iframe自适应高度兼容ie,firefox多浏览器

    本文讲解的是关于Iframe元素在网页中如何实现自适应高度,并确保在不同的浏览器环境下能够正常工作,特别是针对Internet Explorer(IE)和Firefox浏览器的兼容性问题。接下来将详细探讨实现Iframe自适应高度的方法...

    .clear方法解决网页自适应高度的问题

    总的来说,.clear方法结合巧妙的CSS hack,如透明边框和负外边距,可以在跨浏览器环境下有效地解决浮动元素导致的父元素高度丢失问题。同时,理解这些技巧对于优化网页布局和提高用户体验至关重要。在实际工作中,...

    JS实现iframe自适应高度的方法(兼容IE与FireFox)

    然而,`iframe`的自适应高度问题一直是一个常见的挑战,尤其是在不同的浏览器间,如IE和Firefox,它们的处理方式有所不同。本文将详细介绍一种通过JavaScript实现`iframe`自适应高度的方法,以确保在IE和Firefox上的...

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

    ### CSS解决IE6、IE7及Firefox兼容性问题详解 #### 一、引言 随着互联网技术的发展,浏览器种类日益增多,其中Internet Explorer (IE) 和 Firefox 是早期非常流行的两款浏览器。尤其在2000年代中期,IE6、IE7 和 ...

    拥有最小高度能自适应高度同时全兼容IE、FF的div设置

    尤其是在IE(Internet Explorer)和FF(Firefox)浏览器之间,这两款浏览器在过去经常存在兼容性问题,使得开发者需要采取额外措施来保证网页的正常显示。 在本示例中,我们使用了CSS(层叠样式表)来定义div元素的...

    前端兼容问题大全

    在IE和FireFox中,float的div闭合、清除浮动和自适应高度的处理方式不同。解决方法是使用统一的方法来处理float的div闭合、清除浮动和自适应高度。 三十三、高度不适应 在IE和FireFox中,高度不适应的处理方式不同...

    IE和FireFox的CSS兼容

    由于它们对CSS标准的实现存在差异,导致在不同浏览器下显示的效果可能不尽相同。以下是一些关键点,帮助开发者理解和解决这些问题。 1. **列表元素的默认样式**: - Firefox中的`ul`和`ol`元素默认`padding-left`...

    firefox与ie css+div兼容大全

    在网页设计中,Firefox与IE(尤其是Internet Explorer)之间的CSS兼容性问题一直是开发者们面临的一大挑战。以下是一些常见的CSS兼容性问题以及解决方案: 1. **DOCTYPE的影响**:DOCTYPE声明会影响浏览器进入不同...

    iframe自适应宽度、高度 ie6 7 8,firefox 3.86下测试通过

    在上述问题中,开发者遇到了如何使 `iframe` 的宽度和高度自适应其内容的问题,特别是在一些老旧的浏览器如 IE6、IE7 和 IE8 以及 Firefox 3.86 下。由于网上的解决方案大多过时,开发者决定自己编写代码来解决这个...

    CSS在不同浏览器中兼容问题

    * Firefox 和 IE 中链接加边框和背景色的问题,解决方法是设置 display: block 和 float: left * IE 中背景色的自适应高度问题,解决方法是多嵌套一个层,并设置浮动 七、解决方法 * 规范 CSS 代码,使其符合两种...

    46种常见的浏览器兼容性问题大汇总

    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 ...

    jquery BS,dialog控件自适应大小

    IE 6.0及FireFox 1.06+中,clientWidth和clientHeight包括内边距,而IE 5.0/5.5中,它们不包括边框宽度。 在实现对话框控件的自适应大小时,需要考虑这些属性,并根据不同的浏览器环境选择合适的处理方式。例如,在...

Global site tag (gtag.js) - Google Analytics