CSS点滴记录

1. background-image:url(images/xx.gif)中的images/xx.gif是相对于css文件的。与调用此css文件的网页位置无关。

 

2. css命名的时候，不能以数字开头。否则，会没有效果。类似#1service和 .1service这样的都不行。

 

3. 多列DIV高度自动对齐（将较短的栏高度自动拉长）

#wrap{
  overflow: hidden;
}
#sideleft, #sideright{
  padding-bottom: 32767px;
  margin-bottom: -32767px;
}

   参考：

        事例：http://hi.baidu.com/xpnew/blog/item/3504685973c9cf2d2934f07e.html/cmtid/b16df3f242e8071bb17ec555

        原理：http://www.cnblogs.com/sunrack/articles/1306057.html

 

4. DIV水平居中

        如果是"position: relative;"的div，那么直接用"margin-left: auto; margin-right: auto;"，就可以，不细说了。

 

        重点看一下"position: absolute;"或者"position: fixed;"的div，可以用下面的CSS:

.div-center {
  position: absolute; /* 或者position: fixed; */
  width: 200px;
  height: 80px;
  left: 50%;
  right: 50%;
  margin-left: -100px; /* 自身宽度的相反数 */
}