Google Chromeでdivに折り畳まれている理由

これは私のページ（アラビア語のもの）のサンプルです。x軸がテキストの後ろにある理由を知りたいのですが、それはGoogle Chromeでdivに折り畳まれている理由

私はそれを解決する他のdiv float: right;を与える場合、私は知っているが、私はそれはとのどちらも起こっては何の意味

html, body{ 
 
    direction: rtl; 
 
    /*its a MUST because the site is arabic*/ 
 
} 
 

 
#popup { 
 
    overflow-y: scroll; 
 
    /*the window may not be able to contain the text*/ 
 
    background: gray; 
 
} 
 
    
 
#close { 
 
    color: red; 
 
    float: right; 
 
}

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <title>Home</title> 
 
    <meta charset="utf-8"> 
 
</head> 
 
    
 
<body> 
 
    <div id="popup"> 
 
     <div id="close">×</div> 
 
     <div> 
 
      some text goes here 
 
     </div> 
 
    </div> 
 
    
 
</body> 
 
</html>

を作るいないことが判明ので、私はそれが起こった理由の説明をしたいですltr directionやgoogle chrome以外のブラウザ（Firefoxで試してもうまく動作します）

出典

2017-01-08 robert

私にはバグのようです。具体的には、×はスクロールバーの幅だけ正確にオフセットされているようです。デベロッパーツールでこれを確認するには、コンテナを検査し、overflow-y:scrollの入力をオンまたはオフに切り替えることで、×が意図した位置に出入りすることがわかります。

これを報告することができます。これは既に実例を示しているので、このページでも可能です。 Chromeでは、メニューから[ヘルプ=>問題を報告]を選択し、提供されたフォームに記入してください。

出典

2017-01-08 13:45:53

あなたは、全体を右に浮かべるよりも優れた解決策があると思いますか？ – robert

Google Chromeでdivに折り畳まれている理由

答えて

関連する問題