如何使兩個子 div 併排出現在乙個大 div 中？ float left 到底是做什麼的。

float：left 是漂浮的，所以很多理論都是徒勞的。 這些元素如下：

首先，兩個div A和B的寬度之和不能大於父層div的寬度，否則線條將被摺疊。

其次，a 和 b 都應設定為 float：left。

然後，為了與瀏覽器相容，您需要新增乙個清晰的樣式，將其放在 ab 兩個 div 的下方。 這樣，如果你把其他的div新增到大div中，就不會有大的空白，其他div也不會被遮擋。

此外，您可以使用位置將元素浮動在圖層頂部，定位清晰、準確且分層。 至於如何使用，我會自己參考。 這很麻煩，所以我不會寫太多。

場景 1：設定了浮點數的 div 在左側，沒有浮點數的 div 會認為那裡沒有元素，所以第二個仍然在第乙個位置。

情況 2：如果設定了浮點數，那麼 B 知道該位置有乙個 div，所以 B 會跟隨 A。

情況 3：float 元素只會漂移到前乙個元素後面。

float：漂移元素，使其向右或向左固定，其他元素分布在漂移元素周圍。

因此，漂移元素必須指定寬度

作為網頁製作者，浮屬性石是多才多藝的，必須精通，網頁分為浮流和標準流。

float 是乙個浮動流。

float 的主要功能是將標準流中的元素變成浮動流，可以偽裝地理解為允許乙個元素同時具有內聯元素和塊級元素的屬性，既可以具體化，也可以一行顯示。

情境1：就像乙個人飛起來漂浮在另乙個人身上，飛起來的是浮流（浮流不佔位），而站在地上的人是標準流B，所以B被A覆蓋，但這種情況一般不允許同時出現在乙個盒子裡浮流和標準流， float 是 floating。因為浮動元素會影響非浮動元素。

情況 3：div 是佔據一行的塊級元素，所以 A 不浮動，佔據一行，B 跑到第二行。

在 HTML 中，通常有三種方法可以使兩個 div 併排顯示，包括：

1） 設定內聯樣式，display：inline-block（2） 設定浮點數。

3）將位置定位屬性設定為絕對值，以下是三種方式的具體實現**

1. 將每個div的display屬性設定為內嵌樣式，示例為：

div1div2

2.設定浮點數，示例**為：

div1div2

3. 將位置定位屬性設定為絕對值，示例為：

div1div2

主要有三種方法：

使用 display 的內聯屬性。

設定浮點數，使 div 併排顯示。

對於併排的兩個div，左邊是絕對寬度，右邊是相對寬度，這種布局經常被使用，比如左邊是導航端，右邊是內容頁面。

最大容器填充-左邊是固定寬度，左邊是一塊固定寬度的位置：絕對，然後右邊是100%寬度。

使用位置：絕對

html:**。

我簡短地寫了它。 div1

div2css**：

呵呵，不知道你懂不懂???

示例如下：

1）先建立乙個大的div。

**如下：主要

2） 建立乙個小的左 div

**如下：左

3） 在右邊建立乙個小 div

**如下：對

4）將其製作成CSS檔案，或直接新增到網頁中，即可實現併排顯示。

這是乙個浮動方法，如果你的div沒有併排顯示，那麼你就需要注意寬度，因為只要寬度足夠，兩個div就可以一排顯示。 div 中有兩個小 div。

可以先用 div 定義乙個層，然後在層中給出兩個 ** float 屬性，這樣就不會發生 **跑到下一行，div 框本身預設的 style 屬性是獨佔行，通常有兩種方法可以解決 div 獨佔行，一種是設定浮點， 二是設定顯示樣式。這是另一種方法。

我們新增了 display：inline 來解決併排顯示 div 框物件的問題。

設定 div 標籤的 div 樣式，為了區分其他不需要水平排列來顯示 div 框的物件，我們將需要在同一行中顯示的相鄰 div 框加粗 css 類，並將 css 命名為".div-inline"。

1.首先，定義乙個主 div，然後向其新增兩個較小的 div。 功能：使用主 div 併排控制兩個小 div 的效果。 **如下：。。。。新增您要在此處顯示的內容...。

新增您要在此處顯示的內容...。

2.現在使用樣式來控制併排效果。 有兩種方法可以做到這一點。 一。 按整體畫素寬度進行布局。 …新增您要在此處顯示的內容...。

新增您要在此處顯示的內容...。

注意：左 div 和右 div 的寬度之和等於主 div 的寬度。 效果如下圖所示。

3.二。 按百分比寬度布局。 …新增您要在此處顯示的內容...。新增您要在此處顯示的內容...。

注意：左 div 和右 div 的比例之和等於主 div 的比例。 效果如下圖所示。