当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > web标准常见问题集合4

CSS样式表
css ID类和class类的长命名与短命名
CSS background-position的使用说明详解
利用CSS定位背景图片 background-position
CSS 多图片融合背景定位的应用于优缺点分析
CSS实现的图片宽高自适应固定边框
css 背景图片定位在菜单效果中的应用实例
CSS 速记口诀 可以解决一些常见问题
CSS 多浏览器兼容性问题及解决方案
css 行级元素在多浏览器下的宽度问题 与解决方法
IE下行框高度的问题
CSS 实现的图片宽高自适应固定边框
css的核心内容 标准流、盒子模型、浮动、定位等分析
CSS 超出隐藏实现限制字数的功能代码(多浏览器)
Div+CSS 布局入门教程之二 构建网站
CSS 网页布局中文排版的9则技巧
CSS网页布局25个实用小技巧
网页制作 默认Web字体样式
IE与Firefox的CSS兼容大全 推荐
css 非表格垂直对齐效果代码
css cursor 的可选值(鼠标的各种样式)

CSS样式表 中的 web标准常见问题集合4


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 44 ::
收藏到网摘: n/a

13.为什么FF下面不能水平居中呢
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

FF下面设置容器的左右外补丁为auto就可以了
14.为什么FF下文本无法撑开容器的高度
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度,又想能被撑开需要怎样设置呢?办法就是去掉height设置min-height:200px; 这里为了照顾不认识min-height的IE6 可以这样定义:
{
height:auto!important;
height:200px;
min-height:200px;
}
15.为什么IE6下容器的宽度和FF解释不同呢
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

问题的差别在于容器的整体宽度有没有将边框(border)的宽度算在其内,这里IE6解释为200PX ,而FF则解释为220PX,那究竟是怎么导致的问题呢?大家把容器顶部的xml去掉就会发现原来问题出在这,顶部的申明触发了IE的quirks mode,关于quirks mode、standards mode的相关知识,请参考:http://www.microsoft.com/china/msdn/library/webservices/asp.net/ASPNETusStan.mspx?mfr=true
16.为什么web标准中IE无法设置滚动条颜色了
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

解决办法是将body换成html
17.为什么我定义的样式没有作用呢
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

这里你无法用.aa定义到li 遇到这种情况怎么解决呢?答案是提高.aa 的优先权 比如#aa ul li.aa 优先权相关文章参考-baidu搜索关键词: CSS的优先权
18.为什么无法定义1px左右高度的容器
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

IE6下这个问题是因为默认的行高造成的,解决的方法也有很多,例如:overflow:hidden | zoom:0.08 | line-height:1px