web标准常见问题集合.doc

1、 web 标准常见问题集合列举了一些常见，新手经常问的问题。举例并说明解决方法。1.超链接访问过后 hover 样式就不出现的问题运行代码框web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行被点击访问过的超链接样式不在具有 hove

2、r 和 active 了,很多人应该都遇到过这个问题，解决方法是改变 CSS 属性的排列顺序: L-V-H-A2.FF 下如何使连续长字段自动换行运行代码框aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

3、aaCtrl+A 全部选择 提示：你可先修改部分代码，再按运行众所周知 IE 中直接使用word-wrap:break-word 就可以了, 这里 FF 中我们使用 JS 插入的方法来解决 3.ff 下为什么父容器的高度不能自适应运行代码框web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大

4、全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全

5、 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行为什么这个 P 撑不开 DIV 呢？解决的办法是在 div 与 p 之间插入清除掉这个 p 的浮动 4. IE6 的双倍边距 BUG 运行代码框body margin:0div float:left;margin-left:10px;width:200px;height:200px;border:1px solid redweb 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标

6、准常见问题大全 web 标准常见问题大全web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行浮动后本来外边距 10px,但 IE 解释为 20px,解决办法是加上 display:inline5. IE6 下绝对定位的容器内文本无法正常选择的问题运行代码框div position:absolute;top:100px;left:100px;width:200p

7、x;height:200px;border:1px solid redweb 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行上面的问题在 IE6、7 中存在，解决问题的办法是让 IE 进入到 qurks mode。关于 qurks mo

8、de 的相关知识，请参考：http:/ IE6 下为什么图片下方有空隙产生运行代码框Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行解决这个 BUG 的方法也有很多，可以是改变 html 的排版，或者设置 img 为 display:block或者设置 vertical-align 属性为 vertical-align:top | bottom |middle |text-bottom都可以解决.7. IE6 下这两个层中间怎么有间隙运行代码框aaaaaaaaaaaaCtrl+A 全部选择 提示：你可先修改部分代码，再按运行这个 IE 的 3PX BUG 也是经常出现的，解决的办法是

9、给.right 也同样浮动 float:left 或者相对IE6 定义.left margin-right:-3px;8. list-style-image 无法准确定位的问题运行代码框web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全web 标准常见问题大全Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行这个 list-style-image 的定位问题也是经常有人问的，解决的办法一般是用 li 的背景模拟，这里采用相对定位的方法也可以解决 9. LI 中内容超过长度后以省略号显示的方法运行代码框web 标准常见问题大全 web

10、标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行此方法适用与 IE 与 OP 浏览器 10.web 标准中定义 id 与 class 有什么区别吗运行代码框aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaCtrl+A 全部选择 提示：你可先修改部分代码，再按运行一.web 标准中是不容许重复 ID 的,比如 div id=“aa“ 不容许重复 2

11、次,而 class 定义的是类,理论上可以无限重复, 这样需要多次引用的定义便可以使用他.二.属性的优先级问题ID 的优先级要高于 class,看上面的例子三.方便 JS 等客户端脚本，如果在页面中要对某个对象进行脚本操作，那么可以给他定义一个 ID，否则只能利用遍历页面元素加上指定特定属性来找到它，这是相对浪费时间资源，远远不如一个 ID 来得简单.11.如何垂直居中文本运行代码框web 标准常见问题大全Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行给容器设置一个与其高度相同的行高就可以了 12.如何对齐文本与文本输入筐运行代码框aaaaaaaaaaaaaaaaaaCtrl+A

12、全部选择 提示：你可先修改部分代码，再按运行遇到此种问题，设置文本框的vertical-align:middle 就可以了 13.为什么 FF 下面不能水平居中呢运行代码框Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行FF 下面设置容器的左右外补丁为 auto 就可以了 14.为什么 FF 下文本无法撑开容器的高度运行代码框web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见 web 标准常见问题大全 web 标准常见问题大全 web 标

13、准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见 web标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全web 标准常见问题大全 web 标准常见 web 标准常见问题大全 web 标准常见问题大全 web 标准常

14、见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行标准浏览器中固定高度值的容器是不会象 IE6 里那样被撑开的 ,那我又想固定高度，又想能被撑开需要怎样设置呢？办法就是去掉 height 设置 min-height:200px; 这里为了照顾不认识 min-h

15、eight 的 IE6 可以这样定义：height:auto!important;height:200px;min-height:200px;15.为什么 IE6 下容器的宽度和 FF 解释不同呢运行代码框web 标准常见问题大全Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行问题的差别在于容器的整体宽度有没有将边框（border）的宽度算在其内，这里 IE6 解释为200PX ，而 FF 则解释为 220PX，那究竟是怎么导致的问题呢？大家把容器顶部的 xml 去掉就会发现原来问题出在这，顶部的申明触发了 IE 的 qurks mode，关于 qurks mode、standard

16、s mode 的相关知识，请参考：http:/ web 标准中 IE 无法设置滚动条颜色了运行代码框Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行解决办法是将 body 换成 html17.为什么我定义的样式没有作用呢运行代码框web 标准常见问题大全 web 标准常见问题大全web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全C

17、trl+A 全部选择 提示：你可先修改部分代码，再按运行这里你无法用.aa 定义到 li 遇到这种情况怎么解决呢？答案是提高 .aa 的优先权 比如#aa ul li.aa 优先权相关文章参考-baidu 搜索关键词: CSS 的优先权 18.为什么无法定义 1px 左右高度的容器运行代码框Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行IE6 下这个问题是因为默认的行高造成的，解决的方法也有很多，例如：overflow:hidden | zoom:0.08 | line-height:1px19.为什么这个背景颜色无法显示运行代码框web 标准常见问题大全 web 标准常见问题大全

18、 web标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行IE 中设置有背景色的 ul 并没有显示出来，这个属于 haslayout 问题，20.怎么样才能让层显示在FLASH 之上呢运行代码框web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全 web 标准常见问

19、题大全 web 标准常见问题大全Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行解决的办法是给 FLASH 设置透明21.怎样使一个层垂直居中于浏览器中运行代码框web 标准常见问题大全Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行这里我们使用百分比绝对定位，与外补丁负值的方法，负值的大小为其自身宽度高度除以二 22 .图片垂直与容器内参考：http:/ div 横向排列运行代码框web 标准常见问题大全 web 标准常见问题大全 web 标准常见问题大全Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行横向排列 DIV 可以使用浮动的方式比如 float:left,或者设置对象为内联，还可以绝对定位对象等等.