問題：
當兩個div使用了display：inline-block樣式后，會出現錯位的情況：
問題分析
出現這種情況的原因是，第二個外層的div會相對於第一個 外層div 中最后渲染出來的 內層div 的頂部對齊，
所以才出現了這種錯位的情況，如下所示：
解決
給每個外層div設置 vertical-align:top 樣式，把每個外層div的頂端與行中最高元素的頂端對齊。
添加該樣式后：
兩個(div)元素使用了display：inline-block后出現錯位問題解決
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。
猜您在找
css總結 -使用display：inline-block，出現元素高度錯位
inline-block元素出現位置錯位的解決方法
關於display:inline-block布局導致錯位問題分析
使用display inline-block 布局時，出現的間距問題的解決辦法和相關說明
css，使兩個在同一行內的display:inline-block的div頂部對齊。
display:inline-block帶來的問題及解決辦法
display:inline-block的間隙問題和解決辦法
CSS之使用display:inline-block來布局
多個div使用display:inline-block時候div之間有間隔
並列 inline-block 元素互相影響問題