我有点执拗，以前听别人说overflow:auto;可以用来清除浮动，我不相信。
今天看到了这篇帖子 CSS 别忘记清除浮动 相信了。
在这之前一直用clear:both;这个来清除浮动。要清除浮动的时候一般是因为上级兄弟标签无法确定自身高度，这个时候我就把它(指上级兄弟标签)也弄成浮动的。不过这样有弊端，导致上级所有的div标签几乎都设置了float。虽然也兼容N个浏览器，但心里总感觉不踏实。
刚才测试了下，感觉overflow:auto;用来清除浮动是个比较好的办法，这样不用float也可以确定自身高度。且下级兄弟标签也不需要使用 clear:both;。
写空标签来清除浮动的方法，总感觉不好。
以前在经典论坛上看到了篇帖子，记不清链接了。
说adobe的首页是这么清除浮动的。
实践出真知，当然最终还要经过N个浏览器的检验。
天天想，不知有着落没 ....
2008年9月11日星期四
2008年9月10日星期三
IE8 Beta2下支付宝首页导致的崩溃
昨日重装了系统，更新系统补丁的时候顺便把IE6也直接过渡到了IE8 Beta2。 可问题出来了，一打开支付宝首页进行登陆。却弹出程序错误。IE就这么崩溃了。
折腾了一回儿还是无法登陆。我看到淘宝首页的右侧“帮助中心”，便想去把这个情况反馈给淘宝。当我上传图片的时候，弹出这个莫名其妙的对话框。
修改下，暂时找到了解决办法:
这个方法有风险。且不能使用"证书导入"功能，如果使用了会导致IETester崩溃。
去 http://www.my-debugbar.com/wiki/IETester/HomePage 下载IEtester。
安装好后，点击“选项卡”命令，然后选择“IE 7 ”。
然后登陆支付宝首页 http://www.alipay.com ，会提示你安装一个控件什么的，选择安装。
然后就可以登陆了，不过不知道安不安全。
我试了试，可以使用查看余额这个功能。
但不能使用证书导入功能，使用的话后果就是IEtester崩溃。
折腾了一回儿还是无法登陆。我看到淘宝首页的右侧“帮助中心”，便想去把这个情况反馈给淘宝。当我上传图片的时候，弹出这个莫名其妙的对话框。
另外，在“我的Email”那个文本框的下面，有这么一段文字“*未注册会员请点击这里免费注册；已注册会员请先登陆。 ”。我不敢点登陆，因为一点就怕IE崩溃，但不登陆却无法把情况反馈给淘宝。因此写在这里算了。
修改下，暂时找到了解决办法:
这个方法有风险。且不能使用"证书导入"功能，如果使用了会导致IETester崩溃。
去 http://www.my-debugbar.com/wiki/IETester/HomePage 下载IEtester。
安装好后，点击“选项卡”命令，然后选择“IE 7 ”。
然后登陆支付宝首页 http://www.alipay.com ，会提示你安装一个控件什么的，选择安装。
然后就可以登陆了，不过不知道安不安全。
我试了试，可以使用查看余额这个功能。
但不能使用证书导入功能，使用的话后果就是IEtester崩溃。
2008年9月8日星期一
2008年9月6日星期六
inline-block的应用
一个无限多自动居中，并且a还是块级（不是真的，但可以看a的焦点虚线框为证）的列表。
以前的做法挺神伤的，要使内联元素成为一个块级，就不可避免使用display:block;预示这必须用float:left;（不然导航都不在一行了）当然后果就是无法自动居中了。
Dreamweaver CS4提示ie6、7，Opera8、9，Safari2不支持inline-block这个值。但是我测试后发现都能够支持这个值，看来是CS4误报。
以后就用下面这个啦。（思路就是这样）
<style type="text/css">
ul{text-align:center;}
ul li{display:inline;}
ul li a{display:inline-block;padding:3px 10px;border:solid 1px #aaa;}
</style>
<ul>
<li><a href="#">one</a></li>
<li><a href="#">one</a></li>
<li><a href="#">one</a></li>
<li><a href="#">one</a></li>
</ul>
虚线框响应范围“错误”只在IE类浏览器才有。opera没有焦点虚线框之类的提示。Firefox和Safari中2个A标签都能正确确定焦点虚线框的响应范围。
不过在所有测试的浏览器中，都可以看出第二个A标签的高度大于第一个A标签约5px。
以前的做法挺神伤的，要使内联元素成为一个块级，就不可避免使用display:block;预示这必须用float:left;（不然导航都不在一行了）当然后果就是无法自动居中了。
Dreamweaver CS4提示ie6、7，Opera8、9，Safari2不支持inline-block这个值。但是我测试后发现都能够支持这个值，看来是CS4误报。
以后就用下面这个啦。（思路就是这样）
<style type="text/css">
ul{text-align:center;}
ul li{display:inline;}
ul li a{display:inline-block;padding:3px 10px;border:solid 1px #aaa;}
</style>
<ul>
<li><a href="#">one</a></li>
<li><a href="#">one</a></li>
<li><a href="#">one</a></li>
<li><a href="#">one</a></li>
</ul>
下面测试下加了inline-block和没加的区别,可以从焦点虚线框看出来（在IE中）。
- 第一个A的Style: style="padding:10px 5px;background:#eee;border:solid 1px #999;"
- 第二个A的Style: style="padding:10px 5px;display:inline-block;background:#eee;border:solid 1px #999;"
虚线框响应范围“错误”只在IE类浏览器才有。opera没有焦点虚线框之类的提示。Firefox和Safari中2个A标签都能正确确定焦点虚线框的响应范围。
不过在所有测试的浏览器中，都可以看出第二个A标签的高度大于第一个A标签约5px。
2008年9月3日星期三
Google测试版浏览器
昨天听说google要出浏览器了。
今天打开google首页，出现了"新！立即下载谷歌浏览器（测试版）"的链接。
安装过程中它自动联网去下载了文件。就在我想看看下载进度时，却发现已经安装好了，安装在了C:\Documents and Settings\Administrator\Local Settings\Application Data\Google\Chrome\Application。初次启动可以将firefox的书签，密码等转移过去。
选项卡交换位置的时候非常像Safari。在关于Google浏览器中也有这么一段文字。
就搞不清楚用的Gecko内核还是Webkit内核呢？
google的界面挺清爽的，保证了最大化可视面积，选项卡就处于标题栏的位置，第二排是地址栏。所以并没有占用过多的浏览面。
在地图里面vml画图也是可以使用的。
现在网上都在说Chorme几乎是一片倒，说Chorme如何高明，很“人性化”。
引用千鸟的一段文字
现在看看，感觉地址栏那一排有点像Firefox2时代的味道。
今天打开google首页，出现了"新！立即下载谷歌浏览器（测试版）"的链接。
安装过程中它自动联网去下载了文件。就在我想看看下载进度时，却发现已经安装好了，安装在了C:\Documents and Settings\Administrator\Local Settings\Application Data\Google\Chrome\Application。初次启动可以将firefox的书签，密码等转移过去。
选项卡交换位置的时候非常像Safari。在关于Google浏览器中也有这么一段文字。
正式版本 1583
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/525.13 (KHTML, like Gecko) Chrome/0.2.149.27 Safari/525.13
就搞不清楚用的Gecko内核还是Webkit内核呢？
google的界面挺清爽的，保证了最大化可视面积，选项卡就处于标题栏的位置，第二排是地址栏。所以并没有占用过多的浏览面。
在地图里面vml画图也是可以使用的。
现在网上都在说Chorme几乎是一片倒，说Chorme如何高明，很“人性化”。
引用千鸟的一段文字
有同学喜欢马后炮，认为Chrome的简约风格如何如何高明。其实IE顶部的工具栏很早就已支持自定义和拖拽，也有F11的全屏模式。用IE不爽的原因，一是IE做的不够好，二是你没有把IE用够。对于用户习惯来说，少拿简洁说事，熟能生巧才是王道。
现在看看，感觉地址栏那一排有点像Firefox2时代的味道。
2008年8月4日星期一
"凑巧"?
地震，火炬，日全食以及接下来的奥运，便印成了2008的记忆。
-------------不知道说什么了的分割线------------------
上周周六晚，电影频道播放了《肖申克的救赎》这部电影，和阿甘正传一起出来的时候，阿甘占了上风。极其兴奋的看完了。有个片段，以为主人公找绳子是想不开。第二天早上，典狱长掀开海报后，才终于明白了阿迪的努力。当他辛苦为典狱长做“黑账”的时候，突然想起了“卧薪尝胆”，他明白自己在别人那里，就被当成了一种工具，但还是得干，当然也为了自己。有的时候就是巧，天上掉下一团火，落在房子上，房子烧毁了，所谓天灾。天灾躲不掉，但人祸却可以。帝企鹅冻死了不少，更有英国专家：人类拯救地球只剩7年 。
-------------Flash的分割线------------------
(L'Amour是“爱”的意思，不代表个人观点哈，只觉得挺有意思的)
-------------不知道说什么了的分割线------------------
上周周六晚，电影频道播放了《肖申克的救赎》这部电影，和阿甘正传一起出来的时候，阿甘占了上风。极其兴奋的看完了。有个片段，以为主人公找绳子是想不开。第二天早上，典狱长掀开海报后，才终于明白了阿迪的努力。当他辛苦为典狱长做“黑账”的时候，突然想起了“卧薪尝胆”，他明白自己在别人那里，就被当成了一种工具，但还是得干，当然也为了自己。有的时候就是巧，天上掉下一团火，落在房子上，房子烧毁了，所谓天灾。天灾躲不掉，但人祸却可以。帝企鹅冻死了不少，更有英国专家：人类拯救地球只剩7年 。
-------------Flash的分割线------------------
(L'Amour是“爱”的意思，不代表个人观点哈，只觉得挺有意思的)
订阅：
博文 (Atom)
