将盒子推开

时间:2018-09-20 15:58:31

标签: html css

因此,我尝试使用CSS代码进行试验,并想知道如何将盒子推出视野。让我更详细地说明...

我已经使用grid元素并排排列了两个盒子,并希望第一个盒子将第二个盒子从左边缘推出,因此它不可见。 (稍后将通过动画将其重新显示)。因此,在开始时只有一个框可见。

有人知道如何在不调整宽度的情况下做到这一点吗?

(我可以通过简单地调整第一个方框的宽度来做到这一点,但我正在寻找其他方法。)

3 个答案:

答案 0 :(得分:2)

我不确定我是否理解您的问题,但是在CSS中,您可以使用display: none;来隐藏一个块。然后,您可以使用display: block;将其重新显示。

答案 1 :(得分:2)

我也不确定我是否正确理解了您的问题,但是您可以尝试使用:

    margin-left: -23px 

和外部元素

    overflow:hidden

答案 2 :(得分:2)

没有问题的代码,很难回答,但让我尝试。

要隐藏元素,可以使用display: none;visibility: hidden;opacity: 0;

您还可以对父元素说它有position: relative; 以及要隐藏的元素position: absolute; left: 150%;right: -50%;,分别取决于要隐藏的元素,左或右。并使用javascript或css动画稍后更改其left或right属性以显示它。

有很多方法可以帮助您实现所需的目标。