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

CSS样式表
CSS制作网页的类以及ids的命名
认识Opera浏览器和IE浏览器
CSS模块化的理解
CSS教程:设计制作网页的CSS经验
一列固定宽度布局和背景图片绝对定位
CSS也要语义化
清除网页浮动CSS的做法
CSS让网页提交input按钮与众不同
CSS BUG问题解决的一些经验
CSS教程:网页字体的设置和控制
CSS根据用户需求设置网页字体大小
CSS样式设计网页字体与用户体验
CSS教程:position属性
浅谈html和body标记应用CSS
认识浏览器:Google Chrome 浏览器
认识浏览器:Firefox 浏览器
认识浏览器:挪威的 Opera
认识浏览器:Mozilla项目
认识浏览器:Netscape 浏览器
认识浏览器:Internet Explorer

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 66 ::
收藏到网摘: 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