숨김(hide)및 하단 메뉴를 고정하려고 하는데요

숨김(hide)및 하단 메뉴를 고정하려고 하는데요

QA

숨김(hide)및 하단 메뉴를 고정하려고 하는데요

답변 2

본문

2042512796_1520990792.2956.jpg

 

Member Benefit 부분을 숨김처리하고

밑에 회사소개/개인정보취금방침 등 메뉴를 그 자리에 고정하려고하는데요 어떻게 해야하나요?

참지식인 분들의 고견 부탁드립니다ㅠ

 

footer .memberBenefit { width: 100%; height: 300px; background-color: #fafafa; text-align: center; }
footer .memberBenefit .wrap { width: 1272px; }
footer .memberBenefit .wrap .title { padding-top: 35px; }
footer .memberBenefit .wrap .contents { display: inline-block; margin-top: 30px; }
footer .memberBenefit .wrap .contents .item { margin: 0 34px; }

footer .footerBg { position: absolute; left: 0px; top: 300px; width: 100%; height: 40px; background-color: #333; } -> 하단 메뉴영역

 

 

 

 

 

 

이 질문에 댓글 쓰기 :

답변 2

이렇게요?


footer .memberBenefit { display:none;} //속성 추가
footer .footerBg { top: 0px;} //속성 변경

헷갈리실까봐 그대로 넣어드려요.


// 변경전 footer .memberBenefit { width: 100%; height: 300px; background-color: #fafafa; text-align: center; }
footer .memberBenefit { width: 100%; height: 300px; background-color: #fafafa; text-align: center; display:none;} 
footer .memberBenefit { width: 100%; height: 300px; background-color: #fafafa; text-align: center; }
 footer .memberBenefit .wrap { width: 1272px; }
 footer .memberBenefit .wrap .title { padding-top: 35px; }
 footer .memberBenefit .wrap .contents { display: inline-block; margin-top: 30px; }
 footer .memberBenefit .wrap .contents .item { margin: 0 34px; }

// 변경전 footer .footerBg { position: absolute; left: 0px; top: 300px; width: 100%; height: 40px; background-color: #333; }
footer .footerBg { position: absolute; left: 0px; top: 0px; width: 100%; height: 40px; background-color: #333; }

와~알려주신대로 적용했더니 바로 해결됬어요~ㅎ

친절하고 상세한 답변 너무너무 감사드립니다!

기분 좋은 하루 되세요~! ^^

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
filter #hide ×
전체 9
© SIRSOFT
현재 페이지 제일 처음으로