父容器text-align设为center时，如何将指定元素定位到右侧？

你的问题根源在于两点：

• 父容器的text-align: center会让行内/行内块元素默认居中，而你想让按钮固定在右上角，需要用定位脱离这个规则的影响
• .close-btn里的top和right属性仅对定位元素生效，你没设置position属性，导致这两个值完全不起作用，float:right也被父容器的居中设置干扰了

直接修改CSS即可解决：

.modmenu-container { 
  text-align: center;
  position: relative; /* 给父容器添加相对定位，作为子元素定位的参照容器 */
}

.close-btn {
  position: absolute; /* 设置绝对定位，脱离正常文档流 */
  top: 0;
  right: 0;
  /* 删除float:right，绝对定位元素不需要这个属性 */
}

改动说明：

• 父容器加position: relative后，子元素的绝对定位会以父容器的边界为基准，而非整个页面
• 按钮设置position: absolute后，就不再受父容器text-align: center的影响，top:0和right:0会把它固定在父容器的右上角

内容的提问来源于stack exchange，提问作者benz