我想使用 CSS 來控制多個 DIV 的布局

css 讀起來是這樣的。

#div1{

position:relative;

margin:0px auto 0px auto;

width:700px;任何值。

text-align:left;中心。

#div2{

width:700px;

margin:0px;

padding:0px;

#div3{

margin:0px 0px 0px 2px;

padding:5px 0px 0px 0px;

width:400px;

#div4{

margin:0px;自行設定值。

clear:both;

position:relative;

padding:1px 0px 1px 0px;

頂部和底部的高度可以固定。

中間高度未填充。

但寬度已經全部設定好了。

CSS 樣式當然可以做你想做的事，但我認為最好使用 VS2005 的主機板頁面。

此外，它可以使用表格標籤來完成。

它不會，但我認為如果有什麼東西沒有設定它，它會適應自己......

你中間的 div 不會設定高度，會自行適應。

1. 使用 cssfloat 併排顯示

只要併排 div 框的總寬度小於或等於最外層框的寬度，就可以併排顯示多個 div 物件。

新增浮點數，實現多個div併排顯示。

這裡是 div 的乙個浮點數，當然，在實際使用的時候，要顯示 div 物件新增到 CSS 類中，需要顯示相同的 oak line CSS 選擇器來設定浮點數。 避免新增其他不需要新增到浮動樣式中的內容。

2. 使用 cssdisplay peer display：

新增 display：inline 以解決併排顯示 div 框物件的問題。

將 div 樣式設定為 div 標籤。

在桌面上建立乙個檔案和乙個檔案，當然，你也可以不用檔案，但為了方便起見，我們來構建乙個。 只需將記事本儲存為，您就可以開始了。

做完這兩個檔案後，我們寫出網頁的基本**，並讓索引檔案受控，我們右鍵選擇用記事本開啟索引檔案，輸入**，寫在head中使其受控。

3. 我們來寫一些屬性，看看我們是否可以控制索引檔案。 我希望整個頁面都是粉紅色的，看起來很溫暖，我會在裡面寫*看看。 讓我們開啟索引檔案，看看它在瀏覽器上是否是粉紅色的。

它在瀏覽器上是粉紅色的，這意味著它已經在 CSS 樣式表的控制之下。