当点击一个按钮时,隐藏一个东西,但是上面出现了白色边框,如何解决?

68次阅读

1.正常显示下

当点击一个按钮时,隐藏一个东西,但是上面出现了白色边框,如何解决?

2.当我点击区域按钮的时候,出现了一个问题。效果实现了,但是最上面出现一个白色的东西

当点击一个按钮时,隐藏一个东西,但是上面出现了白色边框,如何解决?

3.如果我修改nav1的padding的值改成0时,则正常显示

当点击一个按钮时,隐藏一个东西,但是上面出现了白色边框,如何解决?

4.但是nav1出现的时候就不正常了

当点击一个按钮时,隐藏一个东西,但是上面出现了白色边框,如何解决?

如何解决这个问题

首先:screen包着nav1的,screen只包含了nav1

代码:

 .screen{    
      background-color: white;
      position:fixed;
      top: 0px;
      width: 100%;
      z-index: 500;
   .nav1{
      display: flex;
      font-size: 14px;
      padding: 10px;
      border-bottom:1px solid #ccc;
      :last-child{
          border-right:none;
        }

Eclq

由于那个nav1的父盒子是固定定位了的,没有设定高度,高度默认就和内容高度相同了,而使用padding之后,拖没内容,它也是有高的,高度的计算你应该知道是怎么一回事。

这种情况就不要使用padding了,用定位来解决。或者使用事件来动态更改padding的值。

luozz

正文完