css - 如何将两个div对齐

<div id="divT">divT</div>
<div id="divL">
<br><br>
<div id="person">Person</div>
<div id="father">Father</div>
</div>
<div id="divR">divR</div>

css

*{
    margin:0;
    padding:0;
}
html{
    height:100%;
}
body{
    margin:0 auto;
    height:100%;
}
#divT{
    width:100%;
    background:blue;
}
#divL{
    display:inline-block;
    width:14%;
    height:100%;
    background:#008080;
}
#divR{
    display:inline-block;
    width:79%;
    background:#e1e1e1;
}

为什么divR有上下边距？我不想要它们。
小提琴here

最佳答案

在float:right中添加width并将86%设置为#divR

#divR
{
    width:86%;
    background:#e1e1e1;
    float:right;
}

这是jsFiddle演示：http://jsfiddle.net/leniel/FcDsk/1/embedded/result/

关于css - 如何将两个div对齐，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18664757/