如何使我的第二個內聯塊不在前一個底部而不使用浮動塊？

-1

我希望我的第二inline-block的在頂部和不低於前一個啓動時不使用浮動如何使我的第二個內聯塊不在前一個底部而不使用浮動塊？

<body> 
    <div class="adleft"> 
    left part 
    </div> 
    <div class="main"> second part</div> 
</body>

CSS：

div.adleft { 
    display: inline-block; 
    /* float: left; */ 
    background: yellow; 
    margin: 0; 
    width: 40px; 
    /* overflow:auto; */ 
} 

div.main { 
    display: inline-block; 
    background: olive; 
    margin: -5px; 
    width: 400px 
    /* float:left; */ 
}

這就是我的意思是：http://jsfiddle.net/xkwztvj2/1/

謝謝

來源

2017-09-26 Sergey Dushevski

添加vertical-align：top;到div.main

來源

2017-09-26 16:43:37 Adren

謝謝！我的英雄！將盡快接受你的答案 –

如何使我的第二個內聯塊不在前一個底部而不使用浮動塊？

回答

相關問題