- Today
- Total
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 그림으로 배우는 http&network
- 웹
- html
- git
- 에러처리
- http
- es6
- C++
- error
- 백준
- 모던 자바스크립트 deep dive
- get
- JavaScript
- 자바스크립트
- 백준 실버
- Angular
- 모던 자바스크립트
- React
- 이터러블
- async
- git error
- map
- Java Script
- 알고리즘
- deep dive
- 프론트엔드
- js
- 상태관리
- 네트워크
- 비동기
Archives
목록containg block (1)
sharingStorage
형제 요소의 margin이 영향을 주는 경우 ( position, overflow 그리고 BFC)
이 글은 한 초보 개발자의 간단한 질문에서 부터 시작되었다. 헤더헤더 123123123 위 코드는 header의 fixed를 통해 상단에 고정시키고 main에 컨텐츠를 담기 위해 간단한 작업을 할 때 사용하는 코드인데 위 코드를 실행하면 우리가 의도한 바대로 작동하지 않는다. 위 코드를 실행해본 결과이다 body의 위치를 이해하기 쉽도록 green을 주었다. 분명 main에 margin-top을 주었는데 왜 형제 요소인 fixed 헤더까지 내려올까?? 문제점 1 fixed에 offset값을 넣지 않았다.너무나 당연한 답입니다.fixed는 뷰포트 기준으로 top, left, rigth, bottom에 의해 결정되는데 이를 적용하지 않았을 때 초기위치에 absolute값과 동일하게 적용..
Front-End/CSS
2024. 11. 12. 16:15