DIV不像預期的那樣浮動在邊欄

我已經搜索了關於如何將DIV相互浮動並試用這些主題的主題。首先讓我看看我打算設計的內容 MY DESIGN DIV不像預期的那樣浮動在邊欄

我已經創建了內容和側邊欄，並使邊欄流程正確。再次在我的邊欄中，我將邊欄div 1和邊欄div 2並排浮動。在我的CSS IM使側邊欄DIV 2浮動權，它是浮動的權利，但恰好低於側邊欄DIV 1如下圖所示 RESULTING DESIGN

顯示在我知道這聽起來很簡單，但還是我在想念着一些重要的東西。如果有人指出這一點，將不勝感激。

這裏是側邊欄的代碼和div的

#sidebar { 
     width: 720px; 
     float: right; 
     margin: 60px 0 30px; 
    } 

.div1{ 
width: 200px; 
} 
    .div2{  
     float: right;  
     width: 300px; 
    }

感謝 Raaks

來源

2012-01-10 125369

沒有html/css它很難幫助 – 2012-01-10 09:48:46

是的，給我們一個機會來幫助你，帶上一些代碼。 – YuS 2012-01-10 09:50:54

這是典型的浮動問題 - 既浮動div的左不右或更改順序 - DIV1之前DIV2。

.div1{ 
width: 200px; 
float:left 
} 
.div2{  
float: left;  
width: 300px; 
}

並且在divs之後清除。

來源

2012-01-10 09:58:26 easwee

非常感謝Easwee – 125369 2012-01-10 10:26:33

好的。因此，即使具有特定寬度，您的'div1'也會顯示爲塊寬度繼承寬度並且兩側都清除，直到您不會將其設置爲浮動寬度。要麼將其設置爲display: inline[-block]。

來源

2012-01-10 09:59:36 YuS

像@Circadian說，很難不HTML/CSS說，但嘗試：

.div1{ 
    float:left; 
    width:200px; 
} 

.div2{ 
    clear:both; 
    float:right; 
    width:300px;

}

使用「清除」屬性，可以清除掉左邊的元素，右或都。

其實，如果你左右浮動它們，你可能不需要清晰的屬性。如果兩者都向左浮動並且你希望它們出現在另一個之下，則應該使用清晰屬性。否則，將這兩個元素都留下並向第一個div添加一個邊距，以添加一些間距。

來源

2012-01-10 10:00:29

謝謝你們，你們的技巧像魅力一樣工作。再次感謝所有回覆此帖的人。 – 125369 2012-01-10 10:26:10

DIV不像預期的那樣浮動在邊欄

回答

相關問題