안녕하세요 최신글 관련 질문드립니다. 채택완료
http://jisim.or.kr/index.php">http://jisim.or.kr/index.php
사이트에 보시면 아래 공지사항에 네모박스가 하나 되어 있습니다.
여기서 네모 박의 대한 css는 아래와 같이 하니 줄여 지는데요
#container .main_section02 .main_notice
width: 350px;
문제는 오른쪽에 있는 아이콘과 아래 쪽에 있는 시간을 네모 박스로 옮기고 싶은데
옮겨지지 않아서요
답변 3개
반응형으로되어있네요.
@media only screen and (max-width: 1121px) {
여기부분에
#container .main_section02 .main_notice{width:auto;float:none;margin:0 1% 1% 1%}
여기에도 width: 350px; 추가해보세요
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
site_style.css 파일에
#container .main_section02 .main_notice > ul > li > .cont{position:absolute;left:0;display:none;width:430px;}
이부분을
#container .main_section02 .main_notice > ul > li > .cont{position:absolute;left:0;display:none;width:100%;}
로 바꿔보세요
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
#container .main_section02 .main_notice{width:auto;float:none;margin:0 1% 1% 1%}
혹시 위 소스에 width: 350px; 추가 하로고 해서 해보았는데 안되요
컴퓨터에서 보면 마찬가지에요
그래서 기존에 있는 width:auto 이 값을 350으로 바궜는데 아무런 반응이 없습니다.
아 그리고 한가지 더 여줘봐도 될까요
현제 모바일로 보거나 아니면 컴퓨터에서 볼때 화면을 줄이게되면 가로 스크롤이 생기는 현상은 왜 그런 것일까요