CSS

이렇게 했을 때 이미지가 잘 width height를 적절하게 주면 그 만큼 이미지가 잘 표현이 되었는데 여기서 뒤에 0 0 값을 조금만이라도 조정하면 이미지가 아예 나오지 않는 문제가 있었다.아주 간단하게 다른 사람의 코드를 보고 해결했는데 저 위치값을 조정하고 싶을

inline-block은 자주 사용되지 않고 좋지 않다.그 이유는 컨트롤 하기가 어렵기 때문이다. 아래 코드를 실행해보면 브라우저에서 가로세로 50px이고 배경색이 teal 인 박스들이 좌우로 생긴다.위 그림과 같이 나타나는데 여기서 저 블록들 사이에 있는 간격은 컨트

display: inline-box를 하면 여러 단점이 있어서 실제로는 사용하기 조금 부족한 기능이다. 그래서 그런 문제점들을 해결하기 좋은 방법이 flex box를 사용하는 것이다.flex box를 사용하면 화면의 크기에 따라서 원하는 효과를 넣어줄 수 있기 때문에

우선 div 박스 하나를 화면에 표시하고 body의 height를 100vh로 둔 후에 div 박스의 position을 fixed 로 설정하면 차이가 전혀 없는 것을 볼 수 있다. 그런데 아래 코드와 같이 body의 height를 1000vh 로 높히면 브라우저 화면에