再谈float菜单局中

作者:互联网

2009-12-21

WEB标准化

昨天用ucweb看到了goos发的一篇帖子:,进去看了看,觉得方法有点繁琐了,用到了负边距,position:relativel; 和很少的一点hack。

我这里还有更简单的办法,先展示:
其实我外面应该再套一个div,但为了减少碳排放,舍弃。

运行代码框






float菜单局中一法




[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

其中最为关键的是这一句:

为了照顾较低版本IE,这里使用了条件注释,感觉在IE7以下中,display:inline;的作用就相当于inline-block;。

根据上面代码进化而来的滑动门导航:

运行代码框