- 浏览: 2566428 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout(布局研究) (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom:
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王:
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988:
能提供附件下载吗,找不到js库,google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd:
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk:
试了,没用,你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
最近老大面试中遇到了一个问题:
<h2>在IE6,FF container的高度是多少</h2>
<div id="container" class="" style="padding:20px;border:solid 5px #ccc;" >
<div id="" class="" style="margin:15px;border:solid 5px #000; height:30px;" >
abc
</div>
</div>
在火狐里面的盒模型图如下:
然而在IE8的盒模型图如下:
这边我们再来看一下下面那例子:
我在页面定义两个div,分别加上各自的样式(主要两个样式之间小小的区别)
<html>
<head>
<title></title>
<style>
.t1 {height:3px;background-color:green;font-size:10px}
.t2 {height:3px;background-color:green;overflow:hidden;font-size:0px}
</style>
</head>
<body>
<div class="t1"></div>
<br>
<br>
<div class="t2"></div>
</body>
</html>
最后在测试IE8的效果图:
在火狐的效果图:
可能有的人会说我没有在div里面写上一些文字内容,但是如果你自己测试一下的话发现渲染的div的高度还是一样的。这边IE会默认div的高度为一个字体显示的高度,所以它会撑开。
----所以在IE和Firefox下解析div的高度的时候还是有区别的。
IE:根据div的内容的高度去动态地变化,当然如果内容超过设置的高度时,也会根据实际的高度。
FF:当内容超过了设置的高度时,内容会超出,但是div使用的样式还是不会变化的。
当然如果你看过《精通CSS高级Web标准解决方案》的话,里面有一段是讲述空白边叠加的,
-----------------我喜欢抓起浏览器的差异,然后去做测试研究,查看资料,如果有什么错的希望指正。
发表评论
-
css 面试题画三角
2017-02-27 16:12 1128如何画三角? .test{ wid ... -
IE6系列之双倍边距
2013-12-13 13:41 1129本文记录一下ie6下: float ... -
img设置背景图
2013-10-25 18:15 1898如何给img元素设置背景图: ... -
Function与Object
2013-10-21 16:20 1274先看一段代码: Function in ... -
关于html的压缩
2013-07-19 20:49 1374本文简单记录关于html压缩相关的问题: ... -
再谈面试题系列
2013-06-18 11:18 1288收录一个不错的case: {}.t ... -
面试题系列之不一样的P
2013-05-08 16:13 1279以下代码: <html> ... -
又是null
2013-04-25 11:46 0null > 0 ... -
取最大最小值
2013-04-12 16:17 0http://www.cnblogs.com/ ... -
判断鼠标移入的方向
2013-04-12 14:36 0本文主要来自:http://www.cnbl ... -
mouseover与mouseenter的区别
2013-06-05 14:29 1596mouseover与mouseenter的区 ... -
BFC相关
2013-04-11 14:43 1261块级格式化上下文,独立的渲染区域。 ... -
坑爹的逗号运算符
2013-03-29 17:58 1695先来看一个小题: //返回多少? x ... -
一些不好的写法汇总
2013-02-19 14:29 1118下面是一种比较多余的“高级”写法: / ... -
前端面试题系列之length
2013-01-29 11:43 1191举出含有length属性的对象? window ... -
关于function的length
2013-01-21 12:12 1355问题:Function对象的length是干嘛的? ... -
IE下stack overflow的可能原因
2013-01-18 18:31 1350收集了一些网上出现这种问题的原因: ... -
介绍一下nofollow
2013-01-16 15:22 1001问题: <a rel="nofol ... -
删除数组的偶数项
2013-01-06 17:04 4024问题:要删除指定数组中偶数索引的item? ----- ... -
IE下删除自定义属性的兼容性问题
2012-12-17 10:02 2818很多时候我们会给某个dom元素赋予一些自定义的属 ...
相关推荐
基础设施投融资行业特别评论:区域分化再思考-基础差异叠加新特征下区域分化的考量因素(2022)(13页).pdf
(完整版)中考物理压轴专题汇编--压强的切割与叠加(带解析).pdf
建筑材料行业:重视水泥股一季报叠加旺季行情-0325-广发证券-10页.pdf
深度报告-20221113-国信证券-国邦医药-605507.SH-扩产叠加猪价上行_看好动保业绩释放_43页_3mb.pdf 深度报告-20221113-国信证券-国邦医药-605507.SH-扩产叠加猪价上行_看好动保业绩释放_43页_3mb.pdf 深度报告-...
下载如有问题,可私信博主。下载前建议先查看博客内容,其地址为:https://blog.csdn.net/QQ98281642/article/details/118784518
当一个元素包含在另一个元素中时(假设没有填充或边框将空白边分隔开),它们的顶和/或底空白边也发生叠加 3、元素的顶空白边与底空白边发生叠加 空白边甚至可以与本身发生叠加。假设有一个空元素,它有空白边,...
前段时间做Hybrid App,UI设计湿要求某一个页面的展示要实现滑动轮播效果,选中的内容卡片居中显示,上一个内容卡片和下一个内容以小一倍的大小显示在选中的卡片后头,而且要高斯模糊等等。。最骚的是滑动特效要是一...
目前已经实现了在项目中运用,对于bmp图片支持OSD叠加功能,中英文都可以,颜色有几种可选,包括红色;相关注意事项请看README,
这些图片都是用一个DIV绘制出来的,其实原理并不复杂。 这些图片都是由CSS绘制出来的,通过background-image叠加实现, 如蘑菇头的实现,通过 radial-gradient 径向渐变 , linear-gradient 线性渐变相互叠加...
用MFC实现图像融合和叠加功能-用MFC实现图像融合和叠加功能.rar VC 图像处理程序,用MFC实现图像融合和叠加功能. 所含文件: Figure4.jpg
指定品种波动比-比值叠加k线-与光辉一致_马丁_K._对冲_双品种对冲_对冲指标_源码.zip
指定品种波动比-比值叠加k线-与光辉一致_马丁_K._对冲_双品种对冲_对冲指标_源码.rar.rar
FileStreamDecode(Directshow) -- 本例子基于Directshow框架,实现了一个自定义的Renderer Filter,带渲染视频功能,并且可以在视频上叠加OSD文字和Logo图标,用到Directdraw API渲染视频和叠加字幕。
ShowVideoWithOSD -- 在视频上叠加OSD文字和Logo图标,采用渲染时叠加的方法,用到Directdraw API。
SubtitleMixVideo -- 在视频上叠加OSD文字和Logo图标,通过在原图像上修改像素的方法进行叠加,支持多种图像格式(RGB565/RGB555/RGB24/RGB32),可叠加多个OSD区域。
况一: 当一个元素出现在另一个元素上面时,第一个元素的底空白边与第二个元素的顶空白边发生叠加。 html结构 <div class=du>上面块</div> <div class=dd>下面块</div> css代码 复制代码代码如下: .du{ margin-...