DIV+CSS网站制作可能遇到的问题总结与解决方式
发布时间：2025-12-29 点击：0
很多眉山网站制作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的间距。
可能还有很多问题,笔者后续会不断地总结,大家有兴趣的话,请多访问下我们的网站.更多的网站建设方面的问题会不断的更新.
浅谈移动手机端UI设计
尘土飞扬的SEO杀场，SEO的您是如何立足的
企业营销网站建设的必须要遵循的四大规律？
交互性对网站建设的效果有何影响
新手怎么样建网站
人工智能将成人类终结者？
医疗、医院网站建设解决方案
哪些因素会影响网站排名和权重的高低?
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的间距。
可能还有很多问题,笔者后续会不断地总结,大家有兴趣的话,请多访问下我们的网站.更多的网站建设方面的问题会不断的更新.
浅谈移动手机端UI设计
尘土飞扬的SEO杀场，SEO的您是如何立足的
企业营销网站建设的必须要遵循的四大规律？
交互性对网站建设的效果有何影响
新手怎么样建网站
人工智能将成人类终结者？
医疗、医院网站建设解决方案
哪些因素会影响网站排名和权重的高低?
下一篇：企业网站进行SEO优化分析