一周CSS怪异事件记录

网页上代码累积多了就会出问题,这周遇到了几个奇怪的现象原因不明,不过好歹还是给解决了。

  1. 同一行上margin设置了后应该都是垂直居中的,最近做的一个项目里margin-top和margin-bottom值不一样在IE7下面却无法实现居中,将其值设置为一致解决了部分问题。更奇怪的是也可能出现一两个像素的偏差,同时设置height和line-height解决问题。
  2. 多个css类选择器无法水平居中对象。偶们的日期控件加了一个Reset按钮,这个按钮有两个css的class,里面分别设置了margin,问题就来了,即使有优先级,也无法居中。去掉其中一个CSS仍然无法居中,同时给父级元素加text-align:center居中,解决问题。
  3. 上面2的问题解决后又出现一个背景蒙版层和蒙板层上的内容的margin-left:0失效,若干CSS Hack调整不同浏览器下的margin-left值后解决问题。

导致的原因总是会有的,代码太多很难查出来,两小时无法完成也只有HACK了,这里记录一下。
-EOF-

《一周CSS怪异事件记录》有2个想法

发表评论

电子邮件地址不会被公开。 必填项已用*标注