Question

CSS DIV制作HTML网页的兼容性问题 在IE 浏览器和 360 浏览器中显示正常 但是在其他浏览器不正常

CSS DIV制作HTML网页的兼容性问题
在IE 浏览器和 360 浏览器中显示正常
但是在其他浏览器比如chrome 搜狗 遨游等浏览器中显示不正常

具体不正常情况是，DIV定位不生效，所有内容呈直线排列

Answer 1

最重要的是你要理清楚网页的基本布局概念~~~样式只要你下点儿功夫就可以~
但是你一定要想好布局的代码~~~图文~~文字及文字前标签~~还有就是列表文章

你想好怎么去合理运用这些标签~~~然后你在结合CSS去控制~~基本都不会出问题的~~~

其他朋友说的对~~~兼容性很重要~~但是布局和标签用法一定要准确~~这样才能真正的达到兼容~~~

我现在不太清楚你所说的定位是什么概念
position:absolute
position:relative
不知道你说的是不是这个参数问题~~~如果是这个 我的建议就是外层用relative~~内层浮动定位用absolute~~~z-index控制深度~~也就是定位的垂直深度~~~

如果你是li浮动 或者div浮动 你如果不用float或者clear了 那应该都是纵向排列~~竖着来~~·如果你用了float:left~~·那每个都会左对齐~~~横向排列~~~

追问

说明白点就是，在IE和360浏览器下面网页显示正常的
在其他浏览器中，float，display:inline等就没有用，就是竖着来了，网页乱七八糟

追答

你先检查你的样式是否有重叠~~~比如控制对象的样式上是不是重叠导致的~~如果不行~~可以加一个clear~~方法如下：

.nav {width:960px;height:32px;overflow:hidden;}
.nav li {width:160px;line-height:32px;padding:0;margin:0;list-syle:none;text-align:center;overflow:hidden;float:left;}
#clear {clear:both:overflow:hidden;visibility:hidden}

我这是手工写的~~其实这个clear一点儿用都没有~~~不知道你的写法对不对~~如果对的话 这个clear一点儿用都没有~~~

Answer 2

你可以不同浏览器设置不同的属性、

区别 IE6与 FF：
1background:orange;*background:blue;
区别 IE6与 IE7： 1background:green!important;background:blue;

区别 IE7与 FF： 1background:orange; *background:green;

区别 FF， IE7， IE6： 1background:orange;*background:green!important;*background:blue;

注：IE都能识别*;标准浏览器(如FF)不能识别*；IE6能识别*，但不能识别 !important,IE7能识别*，也能识别!important;FF不能识别*，但能识别!important;
IE6IE7FF*√√×!important×√√
另外再补充一个，下划线"_",
IE6支持下划线，IE7和firefox均不支持下划线。

Answer 3

所有的内容成直线排列那就是宽度不够，内容被挤下来了，加大宽度就好了或者overflow:hidden隐藏超出的内容

Answer 4

用了float 而且使用了左右定位的地方加 display:inline.

Answer 5

是不是你定位写得有问题？