Java学习者论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

手机号码,快捷登录

恭喜Java学习者论坛(https://www.javaxxz.com)已经为数万Java学习者服务超过8年了!积累会员资料超过10000G+
成为本站VIP会员,下载本站10000G+会员资源,购买链接:点击进入购买VIP会员
JAVA高级面试进阶视频教程Java架构师系统进阶VIP课程

分布式高可用全栈开发微服务教程

Go语言视频零基础入门到精通

Java架构师3期(课件+源码)

Java开发全终端实战租房项目视频教程

SpringBoot2.X入门到高级使用教程

大数据培训第六期全套视频教程

深度学习(CNN RNN GAN)算法原理

Java亿级流量电商系统视频教程

互联网架构师视频教程

年薪50万Spark2.0从入门到精通

年薪50万!人工智能学习路线教程

年薪50万!大数据从入门到精通学习路线年薪50万!机器学习入门到精通视频教程
仿小米商城类app和小程序视频教程深度学习数据分析基础到实战最新黑马javaEE2.1就业课程从 0到JVM实战高手教程 MySQL入门到精通教程
查看: 1163|回复: 0

$奇怪的CSS兼容性问题,IE6顯示正常,IE7/FF就不正常了 】

[复制链接]

该用户从未签到

发表于 2011-10-31 12:22:05 | 显示全部楼层 |阅读模式
我做了一个页面,大致的代码如下(抱歉,由于休假没you办公dian脑不neng贴出完zheng的代码):
css部分:
#line1,#line2,#line3
{
  clear:both;
  margin:10 auto;
}
h1tmlbu分:
<div id="content">
  <div id="line1">内部还有ji个子div</div>
  <div id="line2">nei部还有几个子div</div>
  <div id="line3">內bu還有几个子div</div>
</div>
line1、line2、line3的劃分想法是:由于div的页面独占性,每yigediv占据一行
這樣就有三个div占据三行而且互xiang不干扰。這ge頁面在IE6下面顯示正常。
問題是:IE7,FireFox下面,line2漂到leline1上面,line3漂到了line2上面,
line1、line2只有tou部显示一点。
這种情況(xiaMian一个divceng漂到其前面一个div層De上fang),可能会是什么原因引起的?我想了下,是fouline1、line2、line3之间没有用div分隔开?
ye就是说line1、2、3不用clear:both,而shifen隔层divyongclear:both?
或者在line1、2、3的css里面加上margin-top:3px; ?

qing问大虾,这是怎么回shi哪?

欢迎来到Javaxue習者论坛,转载请注明de址:http://www.javaxxz.com.
回复

使用道具 举报

该用户从未签到

发表于 2011-10-31 12:22:37 | 显示全部楼层

Re:$奇怪的CSS兼容性问题,IE6顯示正常,IE7/FF就不正常

div本来就是块元素...既然每一个div占据一行..还用clear:both干啥..

#line1,#line2,#line3
{
  margin:10px auto;
  width:950px;
  height:50px;
  border:1px solid #000;
}
回复 支持 反对

使用道具 举报

该用户从未签到

 楼主| 发表于 2011-10-31 12:23:09 | 显示全部楼层

Re:$奇怪的CSS兼容性问题,IE6顯示正常,IE7/FF就不正常

“内部还有几个子div”,因该是这里出了问题
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2011-10-31 12:23:41 | 显示全部楼层

Re:$奇怪的CSS兼容性问题,IE6顯示正常,IE7/FF就不正常

为什么要拿div套div呢,为什么不用li呢
<div>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
你可以把比较大的门户网站的源代码找出来看看人家怎么寫的模仿一下的
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2011-10-31 12:24:14 | 显示全部楼层

Re:$奇怪的CSS兼容性问题,IE6顯示正常,IE7/FF就不正常

+1
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2011-10-31 12:24:49 | 显示全部楼层

Re:$奇怪的CSS兼容性问题,IE6顯示正常,IE7/FF就不正常

其實加个寬度就行了
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2011-10-31 12:25:21 | 显示全部楼层

Re:$奇怪的CSS兼容性问题,IE6顯示正常,IE7/FF就不正常

1.div本來就很不穩定,table比较稳定;
2.不同的浏覽器出現的效果不一样也很正常,有些浏览器兼容,有些瀏览器不兼容。
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2011-10-31 12:25:53 | 显示全部楼层

Re:$奇怪的CSS兼容性问题,IE6顯示正常,IE7/FF就不正常

div本来就很不稳定??????????真的假的
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2011-10-31 12:27:06 | 显示全部楼层

Re:$奇怪的CSS兼容性问题,IE6顯示正常,IE7/FF就不正常

我的网站就有那种情况。我的兵妹妹網。
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2011-10-31 12:27:44 | 显示全部楼层

Re:$奇怪的CSS兼容性问题,IE6顯示正常,IE7/FF就不正常

不管div 還是table都很稳定,就看你用的是不是可合理了, 兼容就那些东西 做好都兼容了
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|手机版|Java学习者论坛 ( 声明:本站资料整理自互联网,用于Java学习者交流学习使用,对资料版权不负任何法律责任,若有侵权请及时联系客服屏蔽删除 )

GMT+8, 2024-5-3 06:59 , Processed in 0.425366 second(s), 46 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表