飞鱼 ^_^ 浆抱罗斯‘s blog
掐指一算发现差不多一个月没写文章了，那个真是天理不荣啊。~~
4月份都在折腾。但总算折腾点好玩的东西出来。
8过还是个技术文章，惭愧惭愧，最近都没时间整图了。
前端时间，研究了一下google wave的一些小交互，发现的这么个好玩的东西，
之前写CSS 的时候 很少这么写 absolute 属性，
平常 我们写一个div 浮层的绝对定位 的时候，一般都只写倆属性，top 和left ，因为这样已经足够。
.target{
position:absolute; top:10px; left:10px;
}
然后我却发现wave 里的外层布局 div配了 4个
.target{
position:absolute; top:10px; left:10px; bottom:10px; right:10px;
}
然后像发现新大陆一样去尝试了一下，果然如描述的一样，是一个自适应的div 绝对定位，效果杠杠的。
经过尝试 就是IE6 这个万恶的版本 不吃，其他都吃。
然后再给上面加点属性类似 min-height 就能实现类试软件界面一样的自适应效果。
当然同样IE6 也是不吃的。可以用js 来弥补。
有空我放个demo 上来。
^_^
就这样了， 发篇文章通知一下飞鱼还活着。
哟？不错哎 订阅飞鱼的RSS Feeds 回去慢慢看^_^
您可能还对这些日志感兴趣
最新在啃
该文章已经被摸了258次。 共有 7 条评论
我来沙发了，不懂CSS，华丽丽的飘过
回复
就是说不规定宽度、高度，div的宽高会随着浏览器的大小自动变化？
回复
飞鱼 Reply:
May 2nd, 2010 at 22:15
是的~~ 你可以自己尝试一下~
回复
貌似IE都不支持
回复
飞鱼 Reply:
May 3rd, 2010 at 10:31
额~ 不知道你的html 头是如何配置的，要加上w3c申明，不然IE是不支持的。
回复
http://bbs.blueidea.com/viewthread.php?tid=2928157&highlight=
你可以参考这个看看……
回复
飞鱼 Reply:
May 10th, 2010 at 20:38
yo 不错唉~· 不过 针对IE6的那部分我还是比较提倡用js 来解决。hack 带来的后遗症绝对大于js 实现。
回复
发表评论