一、纯CSS方法

这里直接介绍我认为的最佳的侧边栏/分栏高度自动相等方法。核心的CSS代码如下（数值不固定）：

margin-bottom:-3000px; padding-bottom:3000px;

再配合父标签的overflow:hidden属性即可实现高度自动相等的效果。

对比看看，左边是一般状态下的图片，右边是鼠标放上去的状态，只需要纯CSS即可实现，不需要javascript。可没准你哪天就正需要用它呢。

首先将以下代码插入到你的style文件里面：

这个问题其实在之前的table构架的网页里根本不是啥问题，因为table构架的网页，默认就是垂直居中显示。但是细心的朋友可能发现，在DIV构架的容器里面，图片默认都是left top显示的，对于水平居中，都是通用的做法，text-align:center;

但是对于垂直居中，可就大不一样了，对于非IE的主流浏览器操作起来用以下代码即可实现：

 /*非IE的主流浏览器识别的垂直居中的方法*/
 display: table-cell;
...

类似这个截图，我记得第一次我在网上看到这个效果的时候犹如N年前看到页面图片列数可以根据浏览器大小自动变化那样的激动，感觉不知道是用了多么高的技术似地（若干年后我发现其实是小儿科，只是刚发现的时候确实很兴奋）

...

我们负责前端设计的网友可能会经常想得到这样的表格效果

这种效果肯定不能再DW里面直接设置border的属性（最小为1），但是只能得到下图的效果

...

　　近年来，CSS不透明算得上是一种相当流行的技术，但在跨浏览器支持上，对于开发者来说，可以说是一件令人头疼的事情。目前还没有一个通用方法，以确保透明度设置可以在目前使用的所有浏览器上有效。

　　这篇汇总主要是提供一些CSS不透明的详细介绍，代码示例和解释，以实现这项有用的CSS技术在您的项目中兼容所有浏览器。

　　关于CSS 透明度，有一点需要注意的是，它虽然使用了很多年，但它一直以来都不是一个标准属性。它是一种非标准技术，应该是CSS3规范的一部分。

　　翻墙看到一个高手用CSS3写的机器猫，真牛叉。不过不同浏览器显示出来的效果大不相同。

　　点击此处查看显示效果>>>>>>>>>>>>>>>（你可以测试用不同浏览器哦）

　　效果最好的是Webkit系浏览器，包括Safari (4.05)和Chrome (5.0)等，看到的效果如下截图，而且眼睛还能动：

...

　　在当前IE6 IE7 FifeFox三分天下的情况下,浏览器兼容性问题成为网页设计者需要考虑的问题：

　　区别不同浏览器的CSS hack写法：
　　区别IE6与FF：background:orange;*background:blue;

　　区别IE6与IE7：background:green !important;background:blue;

　　区别IE7与FF：background:orange; *background:green;

...