div的高度有没有必要进行设置呢?

网页设计中很多的地方都有用到了层(div),相对与table来讲运用层即可以调高页面的加载效率也可以使界面看起来更简介。但是对于层的了解不够的话,特别是牵涉到浏览器的兼容性的问题,由于有些浏览器对与层里面的属性有了一些新的规定,使得不同的浏览器中看到的效果都不同,这就是常说的bug,虽然都有的解决,但是对于刚接触网页设计的人来说,这可能就是一个盲点,不会考虑到那么多。

   我今天要说的只是其中的一点,关于div的高度有没有必要进行设置。在设计网页时如果说的页面要在不同的分辨率下进行居中,如果不设置div的高度或宽度,都将使浏览器无法确定该层应该距离左边多少距离,距离右边又该是多少呢,所以宽度是一定要进行设置的。那么对于高度呢,或许你觉得是没有必要的,我们试想一下如果一个只有宽度没有高度的层,或者只有高度没有宽度的层会是一个什么样的情况呢,如果你的层设的有border的话就可以看出效果来的,就是一条线而已。那么你在层里面所写的内容是否包含在了其中呢,如果你改变了父层的属性,子层是否会受到影响呢?

   在做项目中我遇到了一个问题就是在不同的分辨率下对于一个没有高度的父层,如果想要其居中显示不是什么难事,难的是在不同的分辨率下它的位置总会发生那么一点小小的变化,给人的感觉是在跳动,这是我不愿看到的也是,我的老大所不愿看到的,由于对浏览器兼容性方面只是的匮乏,我是绞尽脑汁,苦思冥想的想去找出是什么原因造成的呢。开始的时候我以为是图片的问题,因为当我改变了某写图片的大小之后就不会出现“跳动”了,但是换到别的分辨率下就有开始了,这令我很是不解,我的同事说是我的代码出问题了,我不相信,因为代码怎么可能出问题呢。最后也不知怎么的可能是误打误撞吧,就发现原来是父层的高度没有设置,当我把父层的高度设置之后一切的问题都迎刃而解了。终于可以松一口气了,因为问题解决了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值