css - 为什么我的中间 div 不合适？

Question

我有页眉、中间、页脚和右侧，但中间的 div 不会与右侧的 div 对齐。我不知道为什么会这样。有人可以向我解释为什么会这样吗？

这是我的 jfiddle:

http://jsfiddle.net/4qdyK/3/

如您所见，我的中间 div 和标题 div 在大小上什至没有什么不同。

中间:

.middle{
    background-color:rgba(0,0,0,0.4);
    font-family:serif;
    border-style:dotted none;
    border-width:1px; 
    border-color:black;
    font-size:14px;
    font-style:italic;
    width:60%;
    margin-left:15%;
    padding:0px;
    height: 1%; overflow: hidden;
    min-height: 720px;
    word-wrap: break-word;
    overflow:hidden;
    height: auto !important;  
}

标题:

.header{
    font-family:serif;
    width:60%; 
    background-color:rgba(0,0,0,0.4);
    margin-left:15%;
    height: 150px;
    text-align:right;
    border-radius: 12px;
}

margin 是一样的。然而标题不合适。

可能是一个非常愚蠢的错误，但老实说我看不到。

Answer 1

.middle{
background-color:rgba(0,0,0,0.4);
font-family:serif;
border-style:dotted none;
border-width:1px; 
border-color:black;
font-size:14px;
font-style:italic;
width:60%;
margin-left:15%;
padding:0px;
min-height: 720px;
word-wrap: break-word;
}

如果我理解正确，上面的代码是有效的