css 문의요 채택완료
450PX로 작업된 포인트 랭킹을 내용이 많아서 사이드 메뉴에서 안보고
PC에서 메인 페이지에서 보니
넘 썰렁해서 가로로 2개 배치하도록 테이블 태그를 썼는데
모바일에서는 옆으로 늘어져 보이네요.
이런 경우 PC에서는 450픽셀이 2개 보이고
모바일에서는 아래로 길게 보이도록 하는
방법 좀 알려주실 분....
현재 450픽셀은 section과 div로 감싸져 있어요
간단한 style 하고 적용방법 부탁드려요
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
답변에 대한 댓글 2개
�
스마트스쿨
6년 전
�
6년 전
tail.php 가 옆에 와서 붙는 문제는 이렇게 해결하면 됩니다.
<div style="max-width:1000px;">
<div style="float:left; width:450px; border:1px solid;">
박스1
</div>
<div style="float:left; width:450px; border:1px solid;">
박스2
</div>
<div style="display:block; clear:both; float:none; width:100%; height:0 !important; overflow:hidden;">
<!-- 부모박스 크기 잡아주는 태그 == floating 해제 -->
</div>
</div>
<div style="max-width:1000px;">
<div style="float:left; width:450px; border:1px solid;">
박스1
</div>
<div style="float:left; width:450px; border:1px solid;">
박스2
</div>
<div style="display:block; clear:both; float:none; width:100%; height:0 !important; overflow:hidden;">
<!-- 부모박스 크기 잡아주는 태그 == floating 해제 -->
</div>
</div>
댓글을 작성하려면 로그인이 필요합니다.
6년 전
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인전체 질문 목록
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
채택
답변대기
답변대기
답변대기
답변대기
채택
채택
답변대기
답변대기
답변대기
채택
잘 분리되었는데
아래 tail.php 가 옆으로 와서 붙어버려서
편법으로 다시 정렬해서 아래에 붙였네요.
css 가 너무 어려워요.. php 코딩이 쉽지요.
아무튼 덕분에 해결은 했습니다. 감사합니다.