如何在同一行中插入兩個div

Question

我很困惑如何將兩個div插入同一行。 我使用了float:left和float:right每一個他們也包含作爲div class的兩個不同div id。在課堂上也使用display:inline。 請給出關於這個問題的任何想法。

Answer 1

嘗試float: left對他們倆的

Answer 2

您可以將顯示屬性改爲inline或inline-block。

例如：

<div class="example">One</div><div class="example">Two</div> 

隨着

.example { 
    display: inline; 
} 

Answer 3

有幾種方法來實現這一點，我已經對它們的詳細七層a sample page 。 TL;博士：父

負利潤率播放display: flex移動：

• float荷蘭國際集團的div S（@vladkras的回答）
• 使用display: inline-block;（@ Sohnee的答案）
• 使用Flexbox第二個div約
• 使用display: table上的父母和display: table-cell上的孩子
• 玩弄position: absolute
• 而且，最新的和許多情況下最好的解決方案，CSS Grid Layout：display: grid對父母。