블랙 &! 코드 완벽한 솔루션의 두 줄 : 설정 오버 플로우 엑스 : 숨겨진, 오버 플로우-Y : 유효하지 않은 볼 문제

코드에 직접 아무 말도하지,

<! DOCTYPE HTML > 
< HTML > 
  < 머리 > 
    < 스타일 > 
      의 몸 { 
        패딩 : 0 ; 
        여백 : 0 ; 
        높이 : 800 픽셀 ; 
        디스플레이 : 플렉스 ; 
        정당화-내용 : 센터 ; 
        정렬-항목 : 센터 ; 
      } 
      .parent { 
        폭 : 80vw ; 
        높이 :200 픽셀 , 
        배경 색 : 아쿠아 , 
        디스플레이 : 플렉스 ; 
        = 왼쪽 항목 정렬 : 센터 ; 
      } 
      .wrapper { 
        폭 : 100 % ; 
        디스플레이 : 플렉스 , 
        정렬 = 왼쪽 항목 : 센터 , 
        오버 플로우-X를 : 숨겨진 ; 
        오버플로-Y : 볼 , 
        패딩 : 500 픽셀 0 ;  / * 부호의 중요한 두 라인 * /
        마진 : -500px 0 ;  / * 특정 값은 실제 조건에 따라 조절 될 수 * /
       } 

      .imgDiv { 
        패딩 왼쪽 : 50 픽셀 ; 
      } 

      .child { 
        폭 : 70 픽셀 , 
        높이 : 100 픽셀 ; 
      } 

      .child : 호버 { 
        변환 : . (배율 4 ., 4) ; 
      } 
    </ 스타일 > 
  </ 헤드 > 
  < 본문 > 
    < DIV 클래스 = "부모" >
      < DIV 클래스 = "래퍼" > 
        < DIV 클래스 = "imgDiv" > 
          < IMG의
             클래스 = "아이" 
            SRC = "https://img1.gamersky.com/upimg/pic/2019/05/27/201905271412133676.jpg" 
          /> 
        </ DIV > 
        < DIV 클래스 = "imgDiv" > 
          < IMG의
             클래스 = "아이" 
            SRC = "https://img1.gamersky.com/upimg/pic/2019/05/27/201905271412133676.jpg" 
          /> 
        </ DIV > 
        <DIV의 클래스 = "imgDiv" >
          < IMG의
             클래스 = "아이" 
            SRC = "https://img1.gamersky.com/upimg/pic/2019/05/27/201905271412133676.jpg" 
          /> 
        </ DIV > 
        < DIV 클래스 = "imgDiv" > 
          < IMG
             클래스 = "아이" 
            SRC = "https://img1.gamersky.com/upimg/pic/2019/05/27/201905271412133676.jpg" 
          /> 
        </ DIV > 
        < DIV 클래스 = "imgDiv" > 
          < IMG의
             클래스 = "아이" 
            SRC= "https://img1.gamersky.com/upimg/pic/2019/05/27/201905271412133676.jpg" 
          /> 
        </ DIV > 
        < DIV 클래스 = "imgDiv" > 
          < IMG의
             클래스 = "아이" 
            SRC = " https://img1.gamersky.com/upimg/pic/2019/05/27/201905271412133676.jpg " 
          /> 
        </ DIV > 
        < DIV 클래스 ="imgDiv " > 
          < IMG의
             클래스 ="아이 " 
            SRC ="은 https : //img1.gamersky.com/upimg/pic/2019/05/27/201905271412133676.jpg " 
          />
        </ DIV > 
        < DIV클래스 = "imgDiv" > 
          < IMG의
             클래스 = "아이" 
            SRC = "https://img1.gamersky.com/upimg/pic/2019/05/27/201905271412133676.jpg" 
          /> 
        </ DIV > 
        < DIV 클래스 = "imgDiv" > 
          < IMG의
             클래스 = "아이" 
            SRC = "https://img1.gamersky.com/upimg/pic/2019/05/27/201905271412133676.jpg" 
          /> 
        </ DIV > 
        < DIV 클래스 = "imgDiv " > 
          <IMG의
             클래스 = "아이" 
            SRC= "https://img1.gamersky.com/upimg/pic/2019/05/27/201905271412133676.jpg" 
          /> 
        </ DIV > 
        < DIV 클래스 = "imgDiv" > 
          < IMG의
             클래스 = "아이" 
            SRC = " https://img1.gamersky.com/upimg/pic/2019/05/27/201905271412133676.jpg " 
          /> 
        </ DIV > 
        < DIV 클래스 ="imgDiv " > 
          < IMG의
             클래스 ="아이 " 
            SRC ="은 https : //img1.gamersky.com/upimg/pic/2019/05/27/201905271412133676.jpg " 
          />
        </ DIV > 
        < DIV클래스 = "imgDiv" > 
          < IMG의
             클래스 = "아이" 
            SRC = "https://img1.gamersky.com/upimg/pic/2019/05/27/201905271412133676.jpg" 
          /> 
        </ DIV > 
        < DIV 클래스 = "imgDiv" > 
          < IMG의
             클래스 = "아이" 
            SRC = "https://img1.gamersky.com/upimg/pic/2019/05/27/201905271412133676.jpg" 
          /> 
        </ DIV > 
        < DIV 클래스 = "imgDiv " > 
          <IMG의
             클래스 = "아이" 
            SRC= "https://img1.gamersky.com/upimg/pic/2019/05/27/201905271412133676.jpg" 
          /> 
        </ DIV > 
        < DIV 클래스 = "imgDiv" > 
          < IMG의
             클래스 = "아이" 
            SRC = " https://img1.gamersky.com/upimg/pic/2019/05/27/201905271412133676.jpg " 
          /> 
        </ DIV > 
      </ DIV > 
    </ DIV > 
  </ 바디 > 
</ HTML >

참고 링크 :

https://stackoverflow.com/questions/6421966/css-overflow-x-visible-and-overflow-y-hidden-causing-scrollbar-issue/39554003#39554003