Div偏离中心

Question

我试图在屏幕上居中横向和纵向的div，但不知何故它略微偏离中心。这是为什么？我认为这是因为内容的，但我不知道：d

我用

height:90%; 

和

margin-top:5% 

使其居中。

下面是完整的代码： http://jsfiddle.net/7mNue/1/

Answer 1

http://jsfiddle.net/j8tBw/

荡涤标记一点，在父DIV.container（见下面的链接，特别是）应用display: flex，并用center柔性CSS属性。

.container { 
    display: flex; 
    justify-content: center; 
    align-items: center; 
} 

.inlineflex { 
    display: inline-flex; 
} 

你可能会面临在IE10的问题及以下，其他浏览器都好（见caniuse链接）

参考：在项目

http://css-tricks.com/snippets/css/a-guide-to-flexbox/

http://caniuse.com/flexbox

Answer 2

在DIV应用margin: auto并设置一个全尺寸（width & height）。

Answer 3

试试这个

.popup{ 
    width:100%; // remove this and add below style 
    max-width:100%; 
} 

.popup img{ 
    max-width:100%; 
} 

Answer 4

box-sizing: border-box有保证金和填补应该整理出来