Могу ли я переполнять только один div?

Question

Я хотел бы знать, если я могу иметь только один из моих 2 див быть скрыта, но не другой один http://codepen.io/LeaFrontend/pen/yyNbeb

<div class="container"> 
    <div class="box1"></div> 
    <div class="box2"></div> 
</div> 

.container { 
    position: relative; 
    border: 1px solid red; 
    width: 300px; 
    height: 100px; 
    overflow:hidden; 
} 


.box1 { 
    position: absolute; 
    width: 40px; 
    height: 40px; 
    border: 1px solid green; 
    top: 90px; 
} 

.box2 { 
    position: absolute; 
    width: 40px; 
    height: 40px; 
    border: 1px solid blue; 
    left: 290px; 
} 

мне нужно держать ту же структуру Не уверена, если это возможно

Answer 1

Вот что вы делаете:

A. Убей свойство переполнения в блоке кода CSS в .container.

B. Затем используйте значения для свойств верхнего, нижнего, левого и правого, чтобы они переливались в нужное вам направление.

C. Используйте отрицательное значение для области, в которой вы хотите, чтобы она перекрывалась. Если вы хотите, чтобы box1 перекрывался вправо на 100 пикселей, установите значение свойства справа -100px.

right: -100px;