css中如何使區塊層級元素能夠同行顯示？

提問：我們如何使兩個區塊層級元素位於同一行？

回答：

1.設定float屬性\(^o^)/~

將區塊層級元素的css格式設定為float：left/right，比如，有兩個panel，panelA和panelB，想要使其位於同一行，只需要設定A的css格式為float：left/right即可。（註：只是設定A的float屬性哦，若設定了B的float屬性，則B後面的元素也會與其位於同一行。），若使用該方法，則兩個區塊層級元素緊挨著。效果樣本：

2.設定display為inline-block，即編寫css代碼為display:inline-block.使用該方法，兩個區塊層級元素中間有一定間隔。注意，該方法與上一方法相同，仍然需要設定A的display屬性，而非B的屬性。效果樣本：