• 龙8国际专注于网站建设

    千余家企业的睿智之选

    品牌型 企宣型 营销型 电子商务型

    龙8国际官网下载地址
  • 龙8国际专注于网站建设

    千余家企业的睿智之选

    品牌型 企宣型 营销型 电子商务型

    上海网站制作
  • 龙8国际专注于网站建设

    千余家企业的睿智之选

    品牌型 企宣型 营销型 电子商务型

    上海网站改版
  • 龙8国际专注于网站建设

    千余家企业的睿智之选

    品牌型 企宣型 营销型 电子商务型

    上海网站维护
当前位置: 首页 > 常见问题解答

常见问题解答

DIV+CSS网站制作可能遇到的问题总结与解决方式

来源: 龙8国际官网下载地址    发布日期: 2014-02-23 11:45    点击量: 3510

 

   很多上海网站制作QQ群里经常有人问到一些DIV+CSS使用过程中遇到的一些问题,刚接触的新手朋友肯定会遇到各种各样的问题,不过只要留心,记录下每个问题点,一个个的解决,就能做出漂亮的网站,因为笔者也是从这个阶段过来的,笔者花了点时间,总结了下,供广大新手朋友们参考.

 

   1,div的垂直居中问题

   vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文本,就能垂直居中了,不过有个缺点,就是要控制内容不要换行.

 

   2,margin double的问题    

   设置为float的情况下divie浏览器里往往margin会出现加倍的情况.这因该是Ie6都会有样的问题,这类问题的解决方案是在这个div里面加上display:inlineOK;  这个问题也是很多网站制作的朋友都会遇到的问题.

 

   3,浮动ie产生的2倍间距

   #box{ float:left; width:100px; margin:0 0 0 100px; //这种状况下,往往IE会产生200px的距离 display:inline; //使浮动忽略}  这里细说一下blockinline这两个元素:block元素往往会总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline元素的特点是,和其他元素在同一行上,不可控制(内嵌元素);#box{ display:block; //可以为内嵌元素模拟为块元素 display:inline; //实现同一行排列的效果 diplay:table

 

   4,IE与宽度和高度的问题

   因为IE不识别min,会把正常的widthheight当看作有min的状况来处理,所以就会出现问题,,只用宽度和高度的情况下,在正常的浏览器里面这2个设置的值就不会变,如果只用min-widthmin-height的话,在IE浏览器来看,相当于没有设置宽度和高度,比如要设置背景图片,这个宽度是比较重要的.

 

   5,页面的最小宽度

   min -width是个非常方便的CSS命令,用它能够指定元素最小的宽度,这样就能保证排版准确不会出现异常.不过IE不认得这个,而它实际上把width当做最小宽度来用,为了让这一命令在IE上也能用,可以把一个<div> 放到 <body> 标签下,然后为div指定一个类.

 

   6,DIV浮动IE文本产生3象素的问题

   左边对象浮动,右边采用外补丁的左边距来定位,右边对象内的文本会离左边有3px的间距。

 

   可能还有很多问题,笔者后续会不断地总结,大家有兴趣的话,请多访问下我们的网站.更多的网站建设方面的问题会不断的更新.

 

   本文由上海龙8国际网络科技有限公司()原创编辑转载请注明。  

相关新闻

CONTACT USCAREERSFOODSERVICEPRESSPRIVACY POLICY
© 2014 yijueweb. All rights reserved.