Css 如何将两个div对齐

为什么

divR

有上页边距和左页边距？我不想要它们

小提琴是

它没有利润。由于它是一个

显示：内联块

元素，因此顶部间距来自需要与顶部垂直对齐的元素，而左侧间距来自它与前面的

元素之间的文字间距

添加以下内容：

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

并删除

#divL

和

#divR

之间的空格

#divR
{
    /* ... */
    vertical-align:top;
}

它没有利润。由于它是一个

显示：内联块

元素，因此顶部间距来自需要与顶部垂直对齐的元素，而左侧间距来自它与前面的

元素之间的文字间距

添加以下内容：

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

---

并删除

#divL

和

#divR

之间的空格。您需要将

垂直对齐：顶部

添加到

#divR

的规则中

#divR
{
    /* ... */
    vertical-align:top;
}

---

vartical align的默认值是baseline，您需要使用top。

您需要将

垂直对齐：top

添加到

#divR

的规则中

#divR
{
    /* ... */
    vertical-align:top;
}

---

vartical align的默认值是baseline，您需要使用top。

添加

垂直对齐：top

将删除顶部空间，该空间不是边距而是间隙

---

删除div和上一个div之间的空格将删除剩余的空格。这是因为内联块元素将渲染代码中留下的空格，添加

垂直对齐：top

将删除顶部空格，该空格不是边距而是间隙

---

删除div和上一个div之间的空格将删除剩余的空格。这是因为内联块元素将呈现代码中左侧的空格

添加

float:right

，并在

#divR

中将

宽度设置为
86%

#divR {
    display:inline-block;
    width:79%;
    background:#e1e1e1;
    vertical-align:top;
}

下面是JSFIDLE演示：
添加
浮点：右
，并在
#divR
中将
宽度设置为
86%

#divR {
    display:inline-block;
    width:79%;
    background:#e1e1e1;
    vertical-align:top;
}

这里是jsFiddle演示：
正如其他人所说，添加了
垂直对齐：topto#divR将修复首要问题。我个人最喜欢的空白修复方法是将父项的字体大小设置为0，并将其恢复到具有字体本身的元素中

就小提琴而言：

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

正如其他人所说，添加
垂直对齐：顶部to#divR将修复首要问题。我个人最喜欢的空白修复方法是将父项的字体大小设置为0，并将其恢复到具有字体本身的元素中

就小提琴而言：

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

46秒减速：（46秒减速：（Darn不要忘记
#divR
@AlexMorrise-是的，我看到你在你的答案中提到了，所以我不会在我的答案中重复，因为OP可以从你的答案中找到它。我只是为了完整起见才提到它。不要忘记
#divR
@AlexMorrise-是的，我看到你注意到了在你的答案中，所以我不会在我的答案中重复，因为OP可以从你的答案中找出它。我只是为了完整起见才提到它。我喜欢它。我唯一的问题是，如果你想进行调整，你必须在多个地方更改字体大小。对，就是这样或浮动。在我看来，这种方法使网站建设不会这是非常有意的。很好的观点。如果你使用CSS预编译程序，这肯定是一个不错的选择。我喜欢。我唯一的问题是，如果你想进行调整，你必须在多个地方更改字体大小。对，就是这样或是浮动的。在我看来，这种方法使网站建设更加有意义很好。如果你使用的是CSS预编译程序，那肯定是最好的选择。