반응형 fixed2 HTML, CSS 배경관련, margin collapse, position - 배경 이미지삽입하기 (background-image) - margin collapse (테두리가 겹쳐질 때 div margin이 합쳐지는 현상) ->하나의 혹은 바깥 div에 padding 1px라도 주면됨 - 박스가 붙어 있을 때도 마찬가지(위아래로) 이럴때는 margin collapse가 합쳐지는게 아니라, 더 큰 margin을 따라가게 된다. (우측 그림처럼) - 배경관련 CSS속성 .main-background { background-image : url(../img/shoes.jpg); background-size : cover; background-repeat : no-repeat; background-position : center; background-attachment : fixed;.. 2023. 4. 21. 상단메뉴바 고정, 사이드바 고정 (Fixed) 오늘까지 고민했다. 사이드바로 간단하게해서 대충 할지 아니면 정성스럽게 상 하단 고정 메뉴바를 만들어 이용할지 결론은 아직 시간이 남아있고, 모바일에서 반응형으로 사용하기 좋게, 어플처럼 만들어 보자였다. 중요한건 top,bottom모두 fixed속성을 이용해 주어야했다. 특정 사이즈에서 반응형을 사용하는것과 windowsize를 이용하는것ㅇ느 https://flykimjiwon.tistory.com/120 을 참고하고 중요한건 fixed속성을 이용한 방법이다. -> css속성에 position:fixed를 사용하고 top,bottom,right,left속성을 이용해 위치를 고정시켜주면 된다. - 참고한링크 https://www.w3schools.com/howto/howto_css_fixed_sideba.. 2022. 4. 2. 이전 1 다음 반응형
