日期:2014-05-17  浏览次数:20702 次

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; /* 自身宽度的相反数 */
}

?

?

?