CSS

[CSS] Position

sagesse2021 2021. 11. 1. 18:05
반응형

모든 elements의 default는 static이다.

이런 경우 box를 오른쪽으로 이동시키면 스크린 밖으로 사라진다
top을 사용해 박스를 이동시킬 경우 밑에 있는 박스에는 영향을 주지 않는다.

blue yellow red순서로 박스를 이동시키는 방법

세로로 나열된 박스 가로로 이동하기 ⇒ display :inline-block

1.파란색 박스를 왼쪽으로 이동시킴
2. 노란색 박스를 왼쪽으로 이동시킴
3. 빨간색 박스를 오른쪽으로 이동시킴

 

반응형