개발/CSS (2) 썸네일형 리스트형 [CSS] div 안에 있는 버튼 오른쪽 하단으로 위치 조정하기 버튼을 div 안에서 오른쪽 하단으로 위치를 조정하고 싶었다. 버튼에 margin-top을 줘서 하단으로 조절하기엔 버튼 위에 있는 내용1의 길이에 따라 위치가 계속 변하기 때문에 다른 방법을 찾아야 했다. relative 속성을 사용해 해결하기 relative 속성으로 상하좌우로 값을 주면 현재 버튼이 위치해 있는 곳에서 그만큼 이동하여 위치하게 된다. .UDbtn { position: relative; top: 60px; left : 250px; } 수정 삭제 float 속성 + relative 속성을 사용해 해결하기 .UDbtn { float: right; position: relative; top: 60px; } float : right를 통해 오른쪽으로 버튼의 위치를 조정할 수 있고, 하단으로 .. [CSS] div 태그 가로로 등분하기 간단한 소개 페이지를 만들다가 여러 div 태그를 가로로 배치하면서 같은 비율로 등분해야하는 경우가 있었다. 그럴 때 flex속성을 이용해 가로로 배열시킨 후 등분할 수 있다. div 여러개 가로 배치 + 등분 상위 div인 boxgroup에는 display : flex; 를 하위 div인 box에는 flex : 1;을 적어준다. 1번 박스 2번 박스 3번 박스 4번 박스 결과 4개의 div가 가로로 배치 되고, 같은 비율로 등분되어있는 것을 확인 할 수 있다. 이전 1 다음
