ブラック＆！オーバーフロー-Xの設定：2つのコードの完璧なソリューションのライン隠れ、オーバーフロー-Y：目に見える問題無効

コードに直接ませんナンセンス、

<！DOCTYPE HTML > 
< HTML > 
  < ヘッド> 
    < スタイル> 
      本体{ 
        パディング：0 。
        マージン：0 ; 
        高さ：800ピクセル; 
        表示：フレックス。
        正当化-コンテンツ：センター; 
        ALIGN-アイテム：センター; 
      } 
      .parent { 
        幅：80vw 。
        高さ：200pxの、
        背景色：アクア; 
        ディスプレイ：フレックス; 
        =左の項目を整列：センター; 
      } 
      .wrapper { 
        幅：100％; 
        表示：フレックス; 
        =左の項目を整列：センター; 
        オーバーフロー-X ：隠された; 
        オーバーフローY ：可視、
        パディング：500pxなど0 ;  / * コードの重要な二行* /
        マージン：-500px 0 ;  / * 具体的な値は実際の条件に従って調整することができる* /
       } 

      .imgDiv { 
        パディング左：は50px ; 
      } 

      .child { 
        幅：70ピクセル、
        高さ：100pxに; 
      } 

      .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