ie和 火狐中div浮动的差别

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style>
#a{width:100px;height:100px;background:gray;border:1px solid black;float:left;}
#b{width:100px;height:100px;background:yellow;border:1px solid black;}
#c{width:100px;height:100px;background:red;border:1px solid black;}

</style>
<title>无标题文档</title>
</head>

<body>
<div id="a">

</div>
<div id="b">

</div>
<div id="c">

</div>

</body>
</html>
为什么火狐中浮动b可以隐藏在a下,而ie中不可以 求原因?
展开
 我来答
sr00en
2011-03-28 · TA获得超过847个赞
知道答主
回答量:642
采纳率:0%
帮助的人:0
展开全部
是网页设计师必要解决的问题。
针对这些浏览器,每个有各自的解析方式。
LZ可以在开始写一段样式初始。我下面写给你份,可做页面兼容调整用。
还有就是,
你的问题没说完,还有全浮动到什么?
如果你要求是一排对齐布局,没对齐的话。
就给这三个DIV设置一个大的DIV包着,
内部的几个DIV在设置浮动便可。
如果出现溢出或者浮动不对齐
看下你的最外从的DIV 的宽,和内部几个DIV的宽,如果内部大,外部小,也会出现这样的问题。
如果使用到margin和padding,也要把这部分的数值考虑进去。
Css Reset
htmlbody,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,tdtablefieldset,imgaddress,caption,cite,code,dfn,em,strong,th,varlicaption,thh1,h2,h3,h4,h5,h6q:before,q:afterabbr,acronymsupsubinput,button,textarea,selectinput,button,textarea,selectlegenddel,inssmall
有问题再问,我在线。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
微测检测5.10
2023-07-11 广告
IEC62133与en62133的区别如下:1. 认证机构不同:IEC62133是国际的标准,它以国际通用的标准进行生产;而en62133采用的是欧盟的标准,它使用欧盟的生产需求进行生产。2. 宗旨不同:IEC62133的宗旨是促进电气、电... 点击进入详情页
本回答由微测检测5.10提供
AI娇露
2011-03-28 · 超过15用户采纳过TA的回答
知道答主
回答量:36
采纳率:0%
帮助的人:35.8万
展开全部
因为你这样写是不对的,只给一个DIV做FLOAT IE会自动默认B DIV 也会FLOAT
在火狐中不是B隐藏在A下面了,而是B在C 的下面
你想要的效果是什么,如果想让B在A 下面这样写是不对的,不规范
如果你在B div下写上clear:both 他们还会是竖着排列的
更多追问追答
追问
在火狐中不是B隐藏在A下面了,而是B在C 的下面

我测试了下 是divB在c下的,但文字没有
追答
B 和 C DIV 中的文字应该是会重叠的
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
google也想知道
2011-03-29
知道答主
回答量:13
采纳率:0%
帮助的人:0
展开全部
也可以啊。你让a,b,c都浮动,或者绝对定位,设置他们的zoom属性
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式