网络编程
位置:首页>> 网络编程>> 网页设计>> 分享css处理浏览器兼容问题上的小技巧(3)

分享css处理浏览器兼容问题上的小技巧(3)

作者:jacky 来源:aliued.com 发布时间:2008-02-03 14:41:00 

标签:浏览器,兼容,标准,css

C: 图层float实现页面布局,遇到的浏览器问题

这是我在具体做项目时实际遇到的问题,解决这个问题的思路和方法来自GL的支持,我把它整理出来分享,希望能给你有所帮助。

看下面图1,现在一共有divA, divB, divC, divD, divE这么5个div, 目标是让divD和divE移上去,跟divA其行显示,达到图2的效果。我在当时实现的时候,在divA,divB,divC里分别加上style=”float:left;clear:both”,这样在IE6和IE7里实现了图2的效果,但在firefox里就出现了图3的显示,我在当时试过很多方法, 如在div4里写float:right;让div4有悬浮,想让它上去,这样只能跟divC并列显示。对css感兴趣的人可以先自己试试,其实方法很是简单,给div4和div5分别设置个左边距如margin-left:380px;就解决了。这个例子解决起来其实很简单,这里是提供一种解决css兼容问题上的一种思路。


图1

图2


图3

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com