absolute 검색 결과

해당 글 3건

[CSS] padding 값으로 인해 anchor 위치가 달라졌을 경우

bootstrap의 navbar를 페이지 제일 상단에 들어가다록 홈페이지를 만들었을 경우 body에 navbar의 공간을 공백을 준 뒤 body의 내용이 나오도록 해야한다. 이럴 때 body 스타일에 padding-top 값을 navbar 공간만큼 넣어주는데 예를 들어 다음과 같다 //... 그런데 여기서 anchor(a) 태그를 써서 책갈피 형태로 페이지 제일 하단에서 페이지 제일 상단으로 보내는 방법을 쓰려하는데 body에 있는 padding-top 값 때문에 원래 지정해놨던 anchor 위치보다 아래로 보여진다. 이럴 땐 다음과 같이 하면 된다 //... 참고 사이트 : http://stackoverflow.com/questions/10732690/offsetting-an-html-anchor-to..
Helloworld!/CSS 2016. 6. 9. 15:03

[CSS] Div 가운데 정렬하는 방법

css의 postion 을 써서 div 박스를 가운데하려고 하는데 은근 복잡하고 막상 뜻대로 잘 안돼서 할때마다 항상 버벅인다. 이번에도 그래서...ㅎㅎㅎ 방법을 찾으려고 검색하다가 명쾌하게 정리해놓은 사이트가있어서 메모한다. 다음은 wrap이라는 div안에 center_box 라는 div를 wrap이라는 div를 기준으로 가운데 정렬하려 하는 예시이다. - html test - css .wrap { width: 100%; position: relative; background: red } .center_box { width: 300px; hegiht: 200px; position: absolute; background: blue; top: 50%; left: 50%; margin-top: -100px;..
Helloworld!/CSS 2016. 2. 5. 15:37

[CSS] position 설명 (relative, absolute)

position에는 3가지 속성이 있다. relative, absolute, fixed 이 세가지 속성 중 2가지 relative, absolute를 다뤄보겠다. relative : absolute를 쓸 때 영역을 잡아주는 역할 absolute : left, top, right, bottom 값으로 전 화면을 아무런 제약 없이 쓸 수 있는 것 즉, relative를 부모라고 하고 absolute를 그 부모의 자식이라고 가정했을 때 absolute를 이리저리 돌아다니지 못하도록 부모인 relative가 absolute를 돌아다닐 수 있는 영역을 제한해 둔다고 생각하면 쉽다. 그 예로 다음과 같이 소스를 짰을 때, relative라는 클래스 안에 absolute라는 클래스를 만들고 css로 relative로..
Helloworld!/CSS 2013. 10. 9. 16:05