CSS 코딩 관련문의 드려요 ㅜ.ㅜ
본문
그누보드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
링크를 주셔야 봐드리기 편할듯요. 다른곳에서 width 값을 받아 올 수도 있으니..
폰의 경우 내부 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>
검색해보니, 아래를 추가해보라고 하네요. ^^;
overflow-x:hidden;
이렇게 한번 해보시겠어요? ^^
<style>
html, body {
margin: 0;
padding: 0;
overflow-x: hidden;
}
</style>
답변을 작성하시기 전에 로그인 해주세요.