左右结构是平常页面中经常看到的结构,简洁一些的页面就会使用边框将左右两边隔开,但往往由于左右两边的内容可能是不等高的,所以就会有一高一低的现象。这个时候不管是给A写个边框还是给B写个边框,都会有高低不平,解决这个边框的高低不平之前有看过很多解决方法,但总的来说有些复杂,其实有一种取巧的方法就可以做到,那就是利用CSS属性中的负值。
比如这个示例图中的边框,取一个DIV将A、B两部分都包容起来,然后写border:1px solid #000;再给A容器写右边框border-right:1px solid #000;B容器也写边框border-left:1px solid #000;这样不管哪边高哪边低,都会保证起码有一条边框线是从头到底的。
但这样两条边框线就会造成重复,于是可以给B容器写margin-left:-1px;这样让两条边框重叠在一起,即可解决边框重复的问题。
如前面所说的数据的波动性,用户如何使用网站就是这些数据当中重要的一环,改版时需要尽可能的提取出数据中不能被影响到的部分,如果必须影响到用户的使用,那应该是让用户有一个平缓的过渡还是快速的过渡呢?如果改版后是一个更好的设计,当然可以使用户快速的过渡到新网站中去;但如果用户在使用网站时已经积累了长期的习惯,并且短时间内很难更改的话,那选择给用户一个平缓的过渡时间无疑是合适的。