日期:2014-05-17 浏览次数:20702 次
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; /* 自身宽度的相反数 */ }
?
?
?