Question

我有一个标题，中间，页脚和右侧，但中间div不会在右侧div旁边排列。我不知道为什么会这样。有人可以向我解释为什么会这样吗？

这是我的jfiddle：

正如你所看到的，我的中间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;
}

保证金是一样的。但标题不合适。

可能是一个非常愚蠢的错误但我真的看不到它。

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;
}

如果我理解正确，上面的代码正在运作

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

1 个答案: