css div布局中的9个常见问题

一、UL边距的问题
Ul里边margin和padding的默认值不是0，所以在嵌套li的时候如果指定了li的数值，可能把外部的div撑大，所以如果要使用ul的 时候要指定margin和padding为0,如下ul{margin:0px; padding:0px;}

二、图片设置的问题
现在很多网站都尽量把背景图片放置在一张图片上然后利用background-postion来取得背景图片，这样大大的减少了图片的大小也优化了 网站的打开速度，而有的图片在不同的浏览器中的数值也不同，比如在IE6中图片的高度就不太精准所以应该设置img{ display：block}。最好的图片格式应为gif.

三、float对齐的问题
我们设置float对齐的时候往往会出现下一行的div挤到上一行出现并行拥挤的现在这是因为在设置float漂浮的时候应清除两遍的内容，在样式中加入如下代码clear:both就可以了。

四、id和class的定义
相对于id定义的样式在页面中只能被调用一次，所以我们在定义样式的时候如果想被多次调用使用的话要用class，在使用js的时候最好不要用id定义样式容易和js的id起冲突。

五、双边距问题
浮动元素的外边距会加倍，但与第一个浮动元素相邻的其他浮动元素外边距不会加倍。解决方法：在此浮动元素增加样式  display:inline;

六、图片产生的间隙
父元素直接包含，这个图片下方会和父元素边缘产生间隙。
解绝方法：
1.在源代码中让