0

我有一个 HTML 页面，其中有两个 div 并排放置。在 safari 上，div 完全对齐，但在 FF 和 Chrome 上，右侧的 div 比左侧的略低。

这是我的 CSS ：

.desc-block-left{
    display:inline-block;
    background-color:rgba(255, 255, 255, 0.8);
    width:35%;
    margin-top: 2%;
    margin-left: 10%;    
    border-radius:10px;
}

.desc-block-right{
    display:inline-block;
    background-color:rgba(255, 255, 255, 0.8);
    width:35%;
    margin-top: 2%;
    margin-right: 10%;
    margin-left: 5%;    
    border-radius:10px;
}
4

1 回答 1

3

尝试添加vertical-align:top到..desc-block-right和.desc-block-left

于 2013-10-18T15:24:13.680 回答