테스트 사이트 - 개발 중인 베타 버전입니다

CSS 코딩 관련문의 드려요 ㅜ.ㅜ 채택완료

간난이 10년 전 조회 4,117

그누보드5로 작업중인데요...

 

모바일 버전을 사용안하고 PC버전으로만 사용하려고 하는데요....

 

코딩이 이상하게 나오네요.... ㅜ.ㅜ

PC에서는 정상으로 보이는데...테블릿이나 스마트폰에서 오른쪽부분이 빈 공간이 생기는 문제입니다.

 

 <div style="width:100%; height:200px; background-color:#F00">
 <div style="width:1000px; margin:0 auto; background-color:#999">111111</div>
</div>

width:100% 백그라운드를 지정했는데 100%으로 지정이 안되는문제입니다...

 

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 4개

10년 전

이렇게 한번 해보시겠어요? ^^

</p><p><style></p><p>  html, body {</p><p>    margin: 0;</p><p>    padding: 0;</p><p>    overflow-x: hidden;</p><p>  }</p><p></style> </p><p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

간난이
10년 전
전진님 감사합니다...역시 안되네요 ㅜ.ㅜ
PC버전으로 모바일에서 확인하면 왼쪽 쏠림현상인거 같더라구요....
문의글 올라와 있는게 있는데 해결된 사람이 없나봐요 ㅜ.ㅜ

댓글을 작성하려면 로그인이 필요합니다.

10년 전

검색해보니, 아래를 추가해보라고 하네요. ^^;

</p><p>overflow-x:hidden; </p><p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

간난이
10년 전
감사합니다...근데 전혀 반응이 없네요 ㅜ.ㅜ

댓글을 작성하려면 로그인이 필요합니다.

폰의 경우 내부 div 의 width 를 1000px 로 설정하면 
폰의 해상도의 넓이를 초과할 수 있습니다.

따라서, 내부 div 의 width 도 %(퍼센트)로 처리하시면 좋습니다.

예를들어, 아래와 같이 코딩해 보십시오.

 

<div style="width:100%; height:200px; background-color:#F00">

 <div style="width:70%; margin:0 auto; background-color:#999">111111</div>

</div> 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

간난이
10년 전
글남겨주셔서 감사합니다.

width:100%값이 나타나질 않네요 ㅜ.ㅜ

댓글을 작성하려면 로그인이 필요합니다.

10년 전

링크를 주셔야 봐드리기 편할듯요. 다른곳에서 width 값을 받아 올 수도 있으니..

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

간난이
10년 전
다른곳에서 넓이값은 가져올수가 없네요...테스트용으로 딱 3줄 입력했거든요
100% 넓이가 짤린다고 해야되나요? 암튼 그러네요 ㅜ.ㅜ

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인