前些时研习了CSS，虽然这并不上档次，但却较容易给人以高手的感觉。我落下个看网页源码的毛病，对自己不易实现的样式总是不自觉地看源码。最近发现负数在CSS的作用有时很巧妙，举几个例子：
<SELECT>在IE下的特权很让人头痛，一个美观的网页中下拉框往往显得很不协调。于是有人一怒之下干脆用JS写了一套下拉框，其样式和内容之丰富令人震撼，但同时复杂性也使人望而却步。但在一个网页上我看到一则样式，于是尝试了一下，还是比较简单的，用一个负数的margin掩盖固有的边框不能不说是一个非凡的创意。<div style="OVERFLOW: hidden; height:20px;"><select style="border:none;margin-left:-2;margin-top:-2;margin-bottom:-1;"><option>------请选择------</option></select></div>效果如下：
将<SELECT>放到一个小容器中通过margin来处理，虽然没有彻底解决问题但应当说这是最简单的方法之一。
其实负数还有其他的作用，比如用margin-top:-50000取代display:none，这个对firefox下的<marquee>还是有点作用的。另外也可以用到left和top等一些地方，总之既然CSS支持负数，那一定有他发挥的地方。HTML和CSS的规则是如此简单，但组合之后是如此丰富，实在是令人感叹！
<SELECT>在IE下的特权很让人头痛，一个美观的网页中下拉框往往显得很不协调。于是有人一怒之下干脆用JS写了一套下拉框，其样式和内容之丰富令人震撼，但同时复杂性也使人望而却步。但在一个网页上我看到一则样式，于是尝试了一下，还是比较简单的，用一个负数的margin掩盖固有的边框不能不说是一个非凡的创意。<div style="OVERFLOW: hidden; height:20px;"><select style="border:none;margin-left:-2;margin-top:-2;margin-bottom:-1;"><option>------请选择------</option></select></div>效果如下：
将<SELECT>放到一个小容器中通过margin来处理，虽然没有彻底解决问题但应当说这是最简单的方法之一。
其实负数还有其他的作用，比如用margin-top:-50000取代display:none，这个对firefox下的<marquee>还是有点作用的。另外也可以用到left和top等一些地方，总之既然CSS支持负数，那一定有他发挥的地方。HTML和CSS的规则是如此简单，但组合之后是如此丰富，实在是令人感叹！
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
