边框的1px 如何处理?

clipboard.png

1.如图:上部使用border:1px solid lightgray;border-bottom:none;

   下部使用:border-bottom:1px solid lightgray;

2.二者之间就存在1px间隔?如何解决?

阅读 3.9k
4 个回答

下面的元素:margin-top:-1px;

给你提供两个思路,
1.把tag标签的定位设置为相对定位,让后设bottom的值为-1px,
2,采用transform属性的translateY(-1px)

css

position: relative;
top:1px;//或bottom: -1px;

正常情况不会出现这个问题吧,题主的上层还有个固定高度的盒子?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题