css - Div 在 IE 兼容模式下移动

Question

当选中兼容模式时，由于某些原因在 IE 上，广告框上的“关闭播放”按钮向右移动

截图:

http://piclair.com/data/2sm0j.jpg

网址:http://www.animefushigi.com/sacred-seven-episode-6/4

关于如何修复的任何想法？

Answer 1

I believe the problem may be the margin-left. But without that then it will look correct on other browsers.

将 margin-left: 42% 替换为 margin: auto :)

之所以有效，是因为:http://www.w3.org/TR/CSS21/visudet.html#blockwidth

Block-level, non-replaced elements in normal flow

If both 'margin-left' and 'margin-right' are 'auto', their used values are equal. This horizontally centers the element with respect to the edges of the containing block.