- 浏览: 330710 次
- 性别:
- 来自: 杭州
文章分类
- 全部博客 (354)
- 学习 (219)
- 工作 (69)
- 前端技术 (188)
- 个人评论 (1)
- 工作总结 (1)
- 工作的方法 (1)
- 代码库 (1)
- jQuery (63)
- javascript (4)
- css (4)
- 网络通信协议 (3)
- web (7)
- 服务端性能 (1)
- 优化 (1)
- html5 (4)
- serialize (1)
- 上线页面 (1)
- ie6 (6)
- js (1)
- iframe (1)
- flash (1)
- a (1)
- img (1)
- 页面tms的要求 (1)
- kissy (3)
- 需求也页面 (0)
- 需求页面 (2)
- 视频插件 (1)
- 切图片 (1)
- map (1)
- display (1)
- 浮动定位 (1)
- 大小图片的切换功能 (2)
- demo (1)
- margin (1)
- a标签 (1)
- border (1)
- 侧导航 (1)
- 切换PNG格式的css (1)
- padding (1)
- 显示添加和删除 (1)
- 滚动条 (1)
- 和图片处理 (1)
- 移动端 (1)
- 定位 (1)
- 移动端的包的引入作用与直接拨打电话的A标签 (1)
- git (1)
- node.js (1)
- Zepto (1)
最新评论
-
幻紫1992:
还有分页的功能、、(⊙o⊙)嗯
[JS代码库] -
幻紫1992:
就是没有返回顶部的按钮,这个页面、、
[JS代码库] -
幻紫1992:
很受用,O(∩_∩)O谢谢啦~
[JS代码库] -
nlnl520coco:
想下个东西 规则太苛刻了 网站得改进
[JS代码库] -
hxp520520:
new Limiter() 这个对象是kissy API里面的 ...
Limiter的简单demo--20131029
今天的工作
1、 闭合浮动元素
按照CSS规范,浮动元素(floats)会被移出文档流,不会影响到块状盒子的布局而只会影响内联盒子的排列。因此当其高度超出包含容器时,一般父容器不会自动伸长以闭合浮动元素。但是有时却需要这种自动闭合行为,处理方法
一、做法就是在父容器内再插入一个额外的标签,并令其清除浮动(clear)以撑大父容器。这种方法浏览器兼容性好,没有什么问题,缺点就是需要额外的(而且通常是无语义的)标签。
二、新的方式,使用 :after 伪类动态的嵌入一个用于清除浮动的元素,这种方法和上一种原理一样,不同的只是把这个额外的内容用 CSS 生成,但考虑到 IE 不支持 :after 不得不做了不少的 hack。这种方法兼容性一般,但经过各种 hack 也可以应付不同浏览器了,同时又可以保证 html 比较干净,所以用得还是比较多的。
三、发现将父容器的 overflow 设为除 visible 之外的值就可以在标准兼容浏览器中闭合浮动元素,IE自然又是不支持的,所以这种方法和上一种方法一样都对 IE 做了不同处理(具体就是触发layout),不同的就是overflow 没有 :after 伪类那么麻烦了,缺点也有,overflow 可能会产生一些小冲突。
四、在使用 overflow 之前还有过一种使用 float 的方法,就是让父容器也浮动,这利用到了浮动元素的一个特性——浮动元素会闭合浮动元素。这种方式在 IE/Win 和标准兼容浏览器中都有较好的效果,但缺点也很明显——父容器未必想浮动就浮动的了,毕竟浮动是一种比较特殊的行为,有时布局不允许其浮动也很正常。使用 float 虽然在 IE 和标准兼容浏览器中都能闭合浮动元素,但原理却是不同的,IE/Win 中 float 触发了 layout 因而闭合了浮动,而在标准兼容浏览器中,float 其实和上一种方法中的 overflow 原理一样,产生了一个“块级格式化范围”——这是CSS 规范中提到的一种现象,它往往具有某种独立性,特性之一就是会自动闭合内部的浮动元素。
2、今天的效果还不是很好在移动div的时候会出现移动错误的情况、但是今天根据局部弄好了定向后推进的效果。
今天的单词
1、dream /dri;m/ 梦想
2、eager /'i;ge/ 渴望的
3、easy /'i:gl/ 容易的
1、 闭合浮动元素
按照CSS规范,浮动元素(floats)会被移出文档流,不会影响到块状盒子的布局而只会影响内联盒子的排列。因此当其高度超出包含容器时,一般父容器不会自动伸长以闭合浮动元素。但是有时却需要这种自动闭合行为,处理方法
一、做法就是在父容器内再插入一个额外的标签,并令其清除浮动(clear)以撑大父容器。这种方法浏览器兼容性好,没有什么问题,缺点就是需要额外的(而且通常是无语义的)标签。
二、新的方式,使用 :after 伪类动态的嵌入一个用于清除浮动的元素,这种方法和上一种原理一样,不同的只是把这个额外的内容用 CSS 生成,但考虑到 IE 不支持 :after 不得不做了不少的 hack。这种方法兼容性一般,但经过各种 hack 也可以应付不同浏览器了,同时又可以保证 html 比较干净,所以用得还是比较多的。
三、发现将父容器的 overflow 设为除 visible 之外的值就可以在标准兼容浏览器中闭合浮动元素,IE自然又是不支持的,所以这种方法和上一种方法一样都对 IE 做了不同处理(具体就是触发layout),不同的就是overflow 没有 :after 伪类那么麻烦了,缺点也有,overflow 可能会产生一些小冲突。
四、在使用 overflow 之前还有过一种使用 float 的方法,就是让父容器也浮动,这利用到了浮动元素的一个特性——浮动元素会闭合浮动元素。这种方式在 IE/Win 和标准兼容浏览器中都有较好的效果,但缺点也很明显——父容器未必想浮动就浮动的了,毕竟浮动是一种比较特殊的行为,有时布局不允许其浮动也很正常。使用 float 虽然在 IE 和标准兼容浏览器中都能闭合浮动元素,但原理却是不同的,IE/Win 中 float 触发了 layout 因而闭合了浮动,而在标准兼容浏览器中,float 其实和上一种方法中的 overflow 原理一样,产生了一个“块级格式化范围”——这是CSS 规范中提到的一种现象,它往往具有某种独立性,特性之一就是会自动闭合内部的浮动元素。
2、今天的效果还不是很好在移动div的时候会出现移动错误的情况、但是今天根据局部弄好了定向后推进的效果。
今天的单词
1、dream /dri;m/ 梦想
2、eager /'i;ge/ 渴望的
3、easy /'i:gl/ 容易的
发表评论
-
Zepto
2015-08-15 13:49 1200Zepto Zepto,是一个比较 ... -
node.js的学习-20140611
2014-06-11 23:17 727//创建一个h1方法里面舒服一个nihao functi ... -
node.js的学习-20140609
2014-06-09 23:01 528Node.js 是一个基于Chrome JavaScript ... -
PC和移动端的页面的一些差距-20140525
2014-05-25 23:46 846首先 1、标签、描述等描述清晰准确 2、网站结构3层树状结构 ... -
Bootstrap排版基础样式和响应式图片-20140521
2014-05-22 00:41 2706Bootstrap基础排版样式 .col-xs-* // ... -
Bootstrap特性、设计和组件-20140519
2014-05-19 22:22 675特点 Bootstrap是基于jQuery框架开发的,它在j ... -
Bootstrap流式布局-20140515
2014-05-16 00:26 14705流布局是一种适应屏幕的做法。即不固定块的宽度,而是采用百分比作 ... -
Bootstrap的宽度和分辨率的差别-20140514
2014-05-14 23:05 6205首先在bootstrap里面所有 ... -
Bootstrap的认识-20140513
2014-05-14 00:09 1338通过公司的两个比较大 ... -
jquery初步认识-20140123
2014-01-24 01:30 650一、原型模式结构 // 定义一个jQuery构造函数 ... -
html5的特殊标签作用-20140114
2014-01-15 01:04 875<base>、定义页面中所有链接的基准URL & ... -
ie下的指定样式-20140106
2014-01-08 00:00 7241. <!--[if !IE]><!--&g ... -
margin-left在IE6下左浮动加倍-20140102
2014-01-02 23:04 712一、IE6下如果line-height超出本身区块的heigh ... -
浮动存在的问题-20131229
2013-12-29 23:00 512看一个正常的浮动案例 <!DOCTYPE h ... -
在ie6下同张图片不能外面包有a标签后在画热区-20131223
2013-12-23 23:47 821最近在做页面有的发现一个问题 <div class ... -
ie6下导航存在的问题和-2013-12-20
2013-12-21 00:51 597最近在做事的时候发现一个有趣的问题,在上网也找过但是都没有很好 ... -
按比例展示的小js-20131217
2013-12-18 00:41 398做需求的做到一个关于这个功能的项目所以记下来 Math.ra ... -
定位需要注意-20131214
2013-12-15 01:07 658在CSS中关于定位的内容 ... -
flash在Safari下的BUG-20131212
2013-12-12 01:09 729<object width="940&qu ... -
使用模版的基本尝试-20131209
2013-12-10 01:19 605使用模版的基本尝试 模版是大家多多少少都有用多的,那么就在这 ...
相关推荐
2月4日(星期日)、2月18日(星期日)上班。鼓励各单位结合带薪年休假等制度落实,安排职工在除夕(2月9日)休息。 三、清明节:4月4日至6日放假调休,共3天。4月7日(星期日)上班。 四、劳动节:5月1日至5日放假...
该软件包用于提供与WhatsAPP Web进行交互以发送和接收Whatsapp消息的python接口。 它基于官方的Whatsapp Web浏览器应用程序,并使用Selenium浏览器自动化与Whatsapp Web进行通信。如何贡献?本地安装依存关系如果...
1997年12月18日,W3C推荐标准。 HTML4.01 1999年12月24日,W3C推荐标准。 HTML 5 第一份正式草案已于2008年1月22日公布。2014年10月29日,万维网联盟宣布,HTML5标准规范终于制定完成。 【总结】 HTML5将会逐渐取代...
性能 优化时常用的工具优化小技巧 转储文件内容3:转储控制文件5月18日 Top SQL优化小技巧 查找Top SQL优化小技巧 索引设计的一些建议优化小技巧 什么是索引的集群因子优化小技巧 转储文件内容4:转储控制文件5月19...
本次统计的工作时间范围为2019年1月1日-12月31日,本人是从3月15日起编写电子版工作日记,连续统计了37个标准工作周,占应统计49个标准工作周的76%,从统计学角度应具有代表性。37个工作周我实际工作日为230.12天,...
5月18日 1- 2- 3- 5月19日 1- 2- 3- 4- 5- 6- 查找置换系数(使用 DP,尽管它需要 O(nxk))。 5月20日 1- 2- {实验室测试/实习工作接管了我} 5月24日 1- - 问题广告 5月25日 1- 5月29日 1- 5月30日 1- 2- 5月31日 1-...
P 选题理由 2011年5月20日~5月22日 现状调查 2011年5月20日~5月26日 确定目标 2011年6月5日~6月10日 原因分析 2011年6月10日~6月11日 P 要因确定 2011年6月11日~6月13日 制定对策 2011年6月15日~6月18日 D...
中国移动通信发展史 - 中国移动通信发展历程 1987年11月18...它是在分离原中国电信移动通信网络和 业务的基础上新组建的国有重要骨干企业,2000年5月16日,中国移动通信集团公司揭牌 。 2001年7月9日中国移动通信GPRS(2
中国移动通信发展史 - 中国移动通信发展历程 1987年11月18...它是在分离原中国电信移动通信网络和业务的基础上新组建的国有重要骨干企业,2000年5月16日,中国移动通信集团公司揭牌。 2001年7月9日中国移动通信GPRS(2.5
7月18日-7月26日:学习简单的java编程,做一个简单的登录系统, 7月27日-7月29日:深入地学习java的编程技巧和编程思想。 7月30日-8月2日:学习了SQL Server的相关知识,为后面的工作做好准备工作。 8月3日-8月5日...
1、界面友好、功能强大、操作简单易懂,想您所想,能让您的工作真正变得Easier。 2、工程的计价条件和费率的设置非常方便、直观。...9、支持2016年5月1日起营改增,支持2019年4月1日起增值税率9%等。
飞书是字节跳动于2016年自研的新一代一站式协作平台,是保障字节跳动全球数万人高效协作的办公工具。...2022年5月25日,线上举办“2022春季飞书未来无限大会” [11] 5月25日,飞书People正式发布。
5月18日,由中国计算机学会计算机安全专业委员会、中关村网络安全与信息化产业联盟、工业信息安全产业发展联盟、北京工业互联网技术创新与产业发展联盟、中国电子商会自主创新与安全技术委员会、中国信息产业商会...
25、1992年5月绝对炫——AmigaWorkbench3发布 26、1993年5月微软发布首个WindowsNT版本 27、1994年首个微核心窗口系统—PhotonmicroGUI 28、1995年8月24日值得纪念微软发布Windows95 29、1995年首款专为多处理器系统...
2019年2月28日:由一群人组成的初步规划社区2019年3月28日:与整个社区的介绍性会议,主题概述,动机2019年5月9日:测试科学软件简介2019年7月18日:显示和告知当前正在使用的工具和工作流程2019年8月29日:介绍...
材料和方法:2016年3月2日至5月16日在布阿凯大学医院进行了单中心横断面研究,涉及布阿凯大学医院的卫生人员。 2016年3月2日至5月16日期间,布阿凯大学医院卫生人员的横断面研究,涉及病毒性乙型和丙型肝炎的血清学...
unsigned char time1[17] = {"20 年 月 日"}; unsigned char time2[17] = {" 时 分 秒"}; unsigned char week[17] = {"星期 "}; unsigned char qq[17] = {"QQ:337072753"}; unsigned char wendu[17] = {"温度: . ...
20 一 实习时间 2011年5月30日---2011年6月5日 二 实习地点 湖南城市学院实验楼305机房 三 实习目的 1、巩固课堂所学的摄影测量与遥感基础方面的知识,进一步加深对理论知识的理解 。 2、了解和熟悉摄影测量与遥感...
这一天(即2049年8月18日是18日) 月份代码(从一月到十二月为6、2、2、5、0、3、5、1、4、6、2、4) “世纪”代码(mod 4)(年份编号的前两位数字,即2014年为20) 代码分别是0、5、3、1,表示0、1、2、3(模4...
但曾经能够初学者方法2020年2月20日45.98 2020年2月20日46.08 2020年2月20日38.39每日立方进度杂志立方体类型解决方法o12 金字塔二重奏进阶方法2020年2月13日5.94 2020年2月14日5.14 2020年2月18日4.52 2020年2月19...