如何使用 CSS 並排放置兩個 Div？

如何在CSS 中並排定位兩個div

要在包裝器中實現兩個div 並排定位，您需要可以利用CSS技術，例如浮動。以下是一些有效的方法：

浮動一個Div

新增以下CSS：

#wrapper {
    overflow: hidden;
}
#first {
    float: left;
}
#second {
    overflow: hidden; /*Prevent wrapping below #first*/
}

浮動#first div 到左側將定位它與#second 相鄰。

兩者都浮動Divs

或者，您可以浮動兩個div：

#wrapper {
    overflow: hidden;
}
#first {
    float: left;
}
#second {
    float: left;
}

但是，此方法需要在包裝器上指定溢位：隱藏以強制其包含浮動子級。否則，包裝器可能會顯示為空並且 div 周圍缺少邊框。

以上是如何使用 CSS 並排放置兩個 Div？的詳細內容。更多資訊請關注PHP中文網其他相關文章！