Firefox 对CSS 缩写的解析问题

简介: CSS是支持缩写的,下面的代码有下划线的部分应该是设定padding-top为4px,padding-left为5px,padding-bottom为5px,padding-right为0px。这种写法在IE 6.0下解析正常的,但在Firefox下,padding-right不会是0px,而是有一个值。
CSS是支持缩写的,下面的代码有下划线的部分应该是设定padding-top为4px,padding-left为5px,padding-bottom为5px,padding-right为0px。这种写法在IE 6.0下解析正常的,但在Firefox下,padding-right不会是0px,而是有一个值。

.MainCPane  {
float
: left ;
margin
: 0pt ;
padding
:4px 5px 5px;
width
: 370px ;
}

为了避免这种情况,即便是padding-right为0,也要在缩写时写上。
.MainCPane  {
float
: left ;
margin
: 0pt ;
padding
:4px 5px 5px 0px;
width
: 370px ;
}
相关文章
|
3月前
|
存储 前端开发 算法
【正在完善】高级CSS特效解析其示范案例
【正在完善】高级CSS特效解析其示范案例
125 0
|
4月前
|
编解码 前端开发 信息无障碍
CSS媒体查询(@media)全面解析
CSS媒体查询(@media)全面解析
40 1
|
4月前
|
前端开发 BI 开发者
Javaweb之HTML,CSS的详细解析
新浪新闻-正文实现 2.3.2.1 正文排版 2.3.2.1.1 分析 整个正文部分的排版,主要分为这么四个部分: 1). 视频 (当前这种新闻页面,可能也会存在音频)
49 0
|
4月前
|
弹性计算 前端开发 容器
CSS之Flex布局的详细解析
Flex布局 目标:熟练使用 Flex 完成结构化布局 01-标准流 标准流也叫文档流,指的是标签在页面中默认的排布规则,例如:块元素独占一行,行内元素可以一行显示多个。
56 0
|
4月前
|
前端开发
CSS盒子模型的详细解析(2)
行内元素 – 内外边距问题 场景:行内元素添加 margin 和 padding,无法改变元素垂直位置 解决方法:给行内元素添加 line-height 可以改变垂直位置
50 0
|
4月前
|
前端开发
CSS盒子模型的详细解析(1)
03-盒子模型 作用:布局网页,摆放盒子和内容。 盒子模型-组成 内容区域 – width & height 内边距 – padding(出现在内容与盒子边缘之间)
34 0
|
4月前
|
前端开发
CSS详细解析二
05-显示模式 显示模式:标签(元素)的显示方式。
36 0
|
4月前
|
前端开发 C++
CSS阶详细解析一
CSS进阶 目标:掌握复合选择器作用和写法;使用background属性添加背景效果 01-复合选择器 定义:由两个或多个基础选择器,通过不同的方式组合而成。 作用:更准确、更高效的选择目标元素(标签)
31 0
|
4月前
|
前端开发 程序员
CSS基础详细解析(附带综合小练习)(2)
文本缩进 属性名:text-indent 属性值:
39 0
|
4月前
|
前端开发 JavaScript
CSS基础详细解析(附带综合小练习)(1)
目标:掌握 CSS 属性基本写法,能够使用文字相关属性美化文章页。 01-CSS初体验 层叠样式表 (Cascading Style Sheets,缩写为 CSS),是一种 样式表 语言,用来描述 HTML 文档的呈现(美化内容)。
36 0

推荐镜像

更多