html - 我的 CSS 对齐有一个小问题

Question

我已经尝试了几种方法，比如让 div 变小(甚至非常小以查看它们是否彼此相邻)并尝试左右内联 block / float 但我无法并排放置我的 div , 下面是 CSS 请帮忙

#ContentHome {
    clear: both;
    margin-left: 0;
    width: 79%;
    display: inline-block;
    vertical-align: top;
    border: thin solid #FFF;
    color: #000000;
}
#Side {
    clear: both;
    margin-left: 0;
    width: 20%;
    display: inline-block;
    vertical-align: top;
    font-family: "Myriad Pro", Calibri;
    font-size: 16px;
    border: thin solid #FFF;
    color: #000000;
}

Answer 1

看这个fiddle

查看更新的 css以下。我所做的是，我删除了 clear:both;和 display:inline-block;来自你的 css并添加了 float:left;到<div>

CSS

#ContentHome {
    margin-left: 0;
    width: 79%;
    vertical-align: top;
    border: thin solid #FFF;
    color: #000000;
    float: left;
}
#Side {
    margin-left: 0;
    width: 20%;
    vertical-align: top;
    font-family:"Myriad Pro", Calibri;
    font-size: 16px;
    border: thin solid #FFF;
    color: #000000;
    float: left;
}

• 我在 fiddle 中使用了背景色只是为了表明两个 div 正确对齐