很多上海网站制作QQ群里经常有人问到一些DIV+CSS使用过程中遇到的一些问题,刚接触的新手朋友肯定会遇到各种各样的问题,不过只要留心,记录下每个问题点,一个个的解决,就能做出漂亮的网站,因为笔者也是从这个阶段过来的,笔者花了点时间,总结了下,供广大新手朋友们参考.
1,div的垂直居中问题
vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文本，就能垂直居中了,不过有个缺点,就是要控制内容不要换行.。
2,margin double的问题
设置为float的情况下div在ie浏览器里往往margin会出现加倍的情况.这因该是Ie6都会有样的问题,这类问题的解决方案是在这个div里面加上display:inline就OK了; 这个问题也是很多网站制作的朋友都会遇到的问题.
3,浮动ie产生的2倍间距
#box{ float:left; width:100px; margin:0 0 0 100px; //这种状况下,往往IE会产生200px的距离 display:inline; //使浮动忽略} 这里细说一下block与inline这两个元素：block元素往往会总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline元素的特点是,和其他元素在同一行上,不可控制(内嵌元素);#box{ display:block; //可以为内嵌元素模拟为块元素 display:inline; //实现同一行排列的效果 diplay:table。
4,IE与宽度和高度的问题
因为IE不识别min，会把正常的width与height当看作有min的状况来处理,所以就会出现问题,,只用宽度和高度的情况下，在正常的浏览器里面这2个设置的值就不会变，如果只用min-width和min-height的话，在IE浏览器来看,相当于没有设置宽度和高度，比如要设置背景图片，这个宽度是比较重要的.
5,页面的最小宽度
min -width是个非常方便的CSS命令，用它能够指定元素最小的宽度，这样就能保证排版准确不会出现异常.不过IE不认得这个，而它实际上把width当做最小宽度来用,为了让这一命令在IE上也能用，可以把一个<div> 放到 <body> 标签下，然后为div指定一个类.
6,DIV浮动IE文本产生3象素的问题
左边对象浮动，右边采用外补丁的左边距来定位，右边对象内的文本会离左边有3px的间距。
可能还有很多问题,笔者后续会不断地总结,大家有兴趣的话,请多访问下我们的网站.更多的网站建设方面的问题会不断的更新.
本文由上海艺觉网络科技有限公司（http://www.zwzsh.net）原创编辑转载请注明。
