在 Ipad 上的 Safari 上，白色 X 出现在黑色的右侧。这是我唯一的 Safari，但不确定是 iPad 问题还是 Safari 问题还是我的问题。
https://jsfiddle.net/juvpxa8q/
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
<title>title</title>
</head>
<body>
<div id="main">
<div id="piece-info-container">
<div id="piece-info">
<div id="piece-info-top">
<div class="piece-info-row">
<i id="close-piece-info" class="fa fa-window-close unselectable" aria-hidden="true">X</i>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
最佳答案
添加 position: relative至#piece-info-container .
这与 child 位置的重置有关。
老实说，最好从头开始重新考虑您的 CSS，因为 position:absolute sticky 的内部fixed 的内部是麻烦的秘诀。
想要将图标放置在右上角是很常见的... 一个很好的起点可能是查看 Bootstrap's modals .看.modal-header分离与使用float定位 x它在右边。
关于html - 白色 X 出现在我拥有的所有浏览器的灰色框中，但 iPad 上的 Safari 除外。我犯了错误还是Safari？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/60469015/