设为首页 | 加为收藏 | 联系我们 咨询热线:0632-5272123
电 话:0632-5272123
传 真:0632-5271123
地 址: 枣庄市文化西路23号
E-mail:zzint@zzint.com
  • 技术咨询:
  • 业务咨询:
  • 客户服务:
  • 服务监督:
详细资料 您当前的位置:网站首页新闻动态详细资料

取巧的边框等高

左右结构是平常页面中经常看到的结构,简洁一些的页面就会使用边框将左右两边隔开,但往往由于左右两边的内容可能是不等高的,所以就会有一高一低的现象。这个时候不管是给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;这样让两条边框重叠在一起,即可解决边框重复的问题。

如前面所说的数据的波动性,用户如何使用网站就是这些数据当中重要的一环,改版时需要尽可能的提取出数据中不能被影响到的部分,如果必须影响到用户的使用,那应该是让用户有一个平缓的过渡还是快速的过渡呢?如果改版后是一个更好的设计,当然可以使用户快速的过渡到新网站中去;但如果用户在使用网站时已经积累了长期的习惯,并且短时间内很难更改的话,那选择给用户一个平缓的过渡时间无疑是合适的。



上篇文章:什么是MX记录?
下篇文章:Javascript面向对象编程(三):非构造函数的继承
版权所有 枣庄市英特信息网络有限公司 ◎2017
联系电话:0632-5271123 5272123  总部地址:枣庄市市中区文化西路23号
鲁ICP备09021689号 增值电信业务经营许可证编号:鲁 B2-20080087号