아낙수나문
1k
2019-01-24 17:04:18
6
602

html과 body가 100%인데..그 뒤에 배경이 있습니다...어떻게 body를 100%로 맞출수있을까요 ?


body css는 width: 100%; background-color: #000; height: 100%;입니다.

html css는  width: 100%; height: 100%; 입니다.

기존에 다른업체에서 퍼블리싱한 웹사이트를 고도화하면서 이런부분이 발견되서 수정하려는데...

답이없네요...백단개발이 주라...

사진에서 보시면 선택된부분은 html부분이고 검은색배경이 body입니다...

참고로 margin, padding 모두 0으로 해도마찬가지입니다...


0
0
  • 답변 6

  • code_monkey
    378
    2019-01-24 17:11:05
    html과 body의 태그와 css 보여주세요
    0
  • yeori
    686
    2019-01-24 17:11:41

    위 짤은 html element를 찍은 거구요, body를 선택하시고 스타일 정보를 확인해보셔야 합니다. 위 그림에 body가 회색 글자로 나오는데 정확한 스타일 값이 아닐 수 있습니다.(다른데서 재정의 했을 수 있음)

    그리고 개발자도구 에서 computd styles 인가....?이거 보시는게 정확합니다. margin padding 등을 여기서 확인해 보시는게 정확합니다.

    0
  • harin
    22
    2019-01-24 17:19:12
    바디가 검정색 배경인거면 백그라운드 컬러를 rgba로 잡아서 0,0,0,(투명도)로 설정해주시면 될 것 같은데요~ 지금 이것저것 바꿔보신 100% 값들은 배경색상과는 전혀 연관이 없는 항목들이네요~ 
    0
  • 아낙수나문
    1k
    2019-01-24 17:35:01

    제가 한 화면에 다 담으려다보니 오해가 생긴것같네요.

    이번 스크린샷은 body영역입니다. 백그라운드컬러는 단순 보기 편하기위해 넣은것이고 원질문은 너비와 높이를 100%로 하였는데 margin이 들어간것처럼 2~3픽셀정도가 추가로 나오는것입니다.

    이번에 추가한 스크린샷에서 보면 빨간 백그라운드가 body영역이고 선택된 영역또한 body부분입니다.

    즉, 선택된영역외에 body background가 더 넓게 보이는게 문제입니다.


    0
  • 나도아빠다
    2k
    2019-01-24 18:40:17
    Wrap div에는 margin0이 되어있나요?
    0
  • 프리미엄
    252
    2019-01-25 00:14:05
    html, body가 둘 다 100%로 되어있는데 마진이 다르다면 소스를 더 봐야 알 것 같습니다.
    0
  • 로그인을 하시면 답변을 등록할 수 있습니다.