电脑浏览器访问错误!出现CSS加载错误!

html-css011

电脑浏览器访问错误!出现CSS加载错误!,第1张

网页错误(脚本错误)的原因,有几个情况会导致这个现象出现:1.你的网速过慢,网页代码没有完全下载就运行了,导致不完整,当然就错误了。请刷新。2.网页设计错误,导致部分代码不能执行。请下载最新的遨游浏览器。3.你的浏览器不兼容导致部分代码不能执行。请下载最新的遨游浏览器。

★版权申明:本答案为小资男人原创,任何人不得盗用!★

4.你的IE浏览器缓存出错,请首先关闭所有浏览器窗口,再右键点击桌面IE浏览器,选择属性,在常规页面里,点击删除文件这个按钮,选择全部删除,并且点击删除cookies按钮。

解决方法:加display:inline

例:

#content {

float: left

width: 500px

padding: 10px 15px

margin-left: 20px

display:inline

}

2.克服盒子模型的hack

原写法:

#main-div{

width: 150px

border: 5px

padding: 20px

}

修正后

#main-div1{

width: 150px

}

#main-div1 div{

border: 5px

padding: 20px

}

例如:

<div id="main-div">1</div>

<div id="main-div1"><div>2</div></div>见图:

两者区别:1是把padding加到父层里,DIV的宽度是150+20+20

2是把PADDING加到子层里,div的宽度是150.

我习惯是用1的方法去自己计算宽高.

3,4.最小高度(最小宽度)IE不识别的解决方法

.container {

width:20em

padding:0.5em

border:1px solid #000

min-height:8em

height:auto

}

* html .container {

height: 8em

}

5.整块元素居中对齐的方法

body{

text-align: center

}

#container

{

text-align: left

width: 960px

margin: 0 auto

}

先定义BODY中的文字整个居中text-align:center,再定义其中需要左对齐的子元素text-align:left

6.垂直居中的CSS

#wrapper {

width:530px

height:25px

background:url(container.gif) no-repeat left top

padding:0px 10px

}

#wrapper p {

line-height:25px

}

适用单行文字,将height设成line-height同值

最好看看源代码,可以判断:

当你FTP上传css文件或在线编辑保存css文件(其他文件也会,比如html),上传覆盖或在线编辑后保存时文件写入那一瞬间,如果正好你刷新了浏览器或者别人打开了你的网址,请求到那个正在保存的文件,就有很可能文件写入失败,变成空白。