写好的css样式几天后重新运行项目，页面全部都是乱的，求大神解救

html-css023

写好的css样式几天后重新运行项目，页面全部都是乱的，求大神解救,第1张

当然可以再引入自己写的css。但如果把之前的样式搞乱了，说明你写的样式，跟之前easyui的样式冲突了，因此你检查一下自己写的css。

而且，为了避免冲突，你最好在你的css选择器中，限定好范围。

比如你有一个页面区域div，id是custom-widget。

那么你的样式前面都加上这个前缀，也是比较好的办法。比如：

1

2

3

4

5

6

7

8

#custom-widget p{

display: block

width: 25px

height: 25px

}

#custom-widget .foo{

float:left

}

如果你确定通过网址能正常访问到CSS的话

就可以肯定出是你CSS文件编码存在问题

假如CSS中存在中文注释

并且上传到服务器上的文件被默认保存成ANSI

恰巧网站编码是UTF-8

那么出现这种问题是很正常的

解决方法

如果网站采用UTF-8编码

只需将CSS用记事本打开并选择另存为UTF-8格式即可

CSS+DIV排版其实很容易。

如果凭空排版。你可能要先自己用纸画个版面草图。然后用div（不加内容，但是要显示边框）按照草图排版。直到自己满意之后再往div中添加内容。

如果有美工做好的效果图，那么按照效果图来排是最容易的。方法同上。

值得一提的是，排版一般都要求主层居中。而且兼容各个浏览器，关于这个方法，很多人都用

margin:0px 0px auto

这是最通用的让主层居中的方法。但是浏览器兼容性差。在大多数浏览器中，这个样式是不起作用的。

最简单有效，而且兼容所有浏览器的方法就是把主层放在<center></center>里。然后主层里的其它层用float和margin排版。保证不跑偏。

以上是我从事CSS+DIV工作5年的心得。莫见笑。