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。内容未经允许不得转载,或转载时需注明来源: 创新互联