css网站开发常见问题

1.CSS中background:url(图片) 不能显示的问题

刚刚碰到一个诡异的问题，这样一段CSS代码：

background:url(images/bg/bg1.gif) no-repeat;

这段代码居然不能显示出背景图片，倒塌。。。

代码肯定没有问题，即便我没有对背景图片定位，这里暂不考虑，因为我这里不存在这个问题。。。于是乎，搜索了一下Google，发现有这个问题的人还真不少。。。但是真正指出问题所在的信息并不多。。。

真正的问题在哪？

在url(imagepath)里的这个imagepath，原来它是相对于.css文件这个目录，而不是调用css文件所在文件的这个目录，简单点说，就是假如我有个index.htm，它要调用index.htm所在的一个子目录style目录下的style.css文件，背景图片存放在与style目录同级的images目录下，于是乎，这里的CSS应该这样写：

background:url(../images/bg/bg1.gif) no-repeat;

文章源自：烈火网，原文：http://www.veryhuo.com/a/view/11473.html

2.深入探究DIV CSS布局中position属性用法

如果用position来布局页面，父级元素的position属性必须为relative，而定位于父级内部某个位置的元素，最好用absolute，因为它不受父级元素的padding的属性影响，当然你也可以用padding，不过到时候计算的时候不要忘记padding的值。

3.left、margin-left区别：

left是指定在使用position定位时（尤其是absolute方式时）相对于window或者元素的父元素而言

margin-left是在使用margin外边框时套用的