html的div排列問題，html中DIv併排顯示問題

1樓：千鋒教育

html中的div排版是通過css樣式控制的。

div+css布局中主要css屬性介紹：

float:

float屬性是div+css布局中最基本也是最常用的屬性，用於實現多列功能，我們知道標籤預設一行只能顯示乙個，而使用float屬性可以實現一行顯示多個div的功能，最直接解釋方法就是能實現**布局的多列功能。

margin:

margin屬性用於設定兩個元素之間的距離。

padding:

padding屬性用於設定乙個元素的邊框與其內容的距離。

clear:

使用float屬性設定一行有多個div後（多列），最好在下一行開始之前使用clear屬性清楚一下浮動，否則上面的布局會影響到下面。

這裡設定了padding屬性介紹一下padding的用法,padding將設定文字與邊框的距離。

content-left

content-main

footer

執行效果：

2樓：昂子帆

你想要實現什麼樣子的結果吧說出來我給你寫。

在這個的上面加上

就可以了。

3樓：匿名使用者

兩種簡單解決辦法：

1、將2的div的float去掉，因為div本身就是左對齊的，這裡有點多此一舉。

2、將3的div設乙個清除浮動，clear: left;

4樓：匿名使用者

在第二句的中的style中加入overflow:hidden;就行了，原因float:left;浮動造成的

html中div併排顯示問題

5樓：匿名使用者

主要是來看style.css，如果沒有該css，我源只能憑經驗幫你猜。

從文件結構看，

應該是用了很多的浮動元素，類名為"clr"的div是清除左右的浮動影響。所以在它之前的div，都可以認為是浮動的。於是，可以看出mainbar和sidebar這兩個div，前者是左浮動，後者是右浮動，且因為沒有指定寬度或寬度不夠，導致後者不與前者在同一區域浮動。

所以解決的辦法是，給你的mainbar和sidebar指定寬度，或者看看是不是兩者寬度之和超出了content_resize的寬度

6樓：匿名使用者

你得貼1個正確的圖是怎麼樣的。。。

7樓：匿名使用者

cufon-yui.js之類的傳上來才能解答。