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

2021-07-14 分类：网站制作

很多眉山网站制作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指定一个类.

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

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

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

本文由成都创新互联科技有限公司（

www.cdcxhl.com）原创编辑转载请注明。

网页名称：DIV+CSS网站制作可能遇到的问题总结与解决方式
链接URL：https://www.cdcxhl.com/news/119498.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有网站制作等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容