在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。这与孩子们的职位重置有关。
老实说，最好重新考虑一下CSS，因为position:absolutea的sticky内部会带来fixed麻烦。
想要将图标放置在右上角是很常见的……一个不错的开始可能是看一下Bootstrap的模态。看看.modal-header分离和使用float的位置x是右边。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句