一、css布局屬性
width
：
設定物件的寬度（width:45px）。
height
：
設定物件的高度(height:45px;)。
background
：
設定物件的背景顏色、背景影象。
1.背景顏色
background:#09f;
2.背景影象
repeat-x代表橫向重複，還可以設定repeat-y。
float:
float屬性是div+css布局中最基本也是最常用的屬性，用於實現多列功能，我們知道標籤預設一行只能顯示乙個，而使用float屬性可以實現一行顯示多個div的功能，最直接解釋方法就是能實現**布局的多列功能。
float屬性有left、right、none三個值，none預設屬性不用管，主要是left和right兩個屬性最常用。
margin:
margin屬性用於設定兩個元素之間的距離。
margin屬性設定值說明：
1.單獨設定
margin-left:20px;設定左邊
margin-right:20px;設定右邊
同理上下分別是margin-top:20px;、margin-bottom:20px;
2.簡寫設定
margin:10px;設定物件四周。
margin:10px 5px;設定物件上下為10px,左右為5px;
test1:float:left; float:left;
test2: float:left, float:right
margin:
margin屬性用於設定兩個元素之間的距離。
margin屬性設定值說明：
1.單獨設定
margin-left:20px;設定左邊
margin-right:20px;設定右邊
同理上下分別是margin-top:20px;、margin-bottom:20px;
2.簡寫設定
margin:10px;設定物件四周。
margin:10px 5px;設定物件上下為10px,左右為5px;
test3: margin-left:20px;
padding:
padding屬性用於設定乙個元素的邊框與其內容的距離。
1.單獨設定
padding-left:20px;設定左邊
padding-right:20px;設定右邊
同理上下分別是padding-top:20px;、padding-bottom:20px;
2.簡寫設定
padding:10px;設定物件四周。
padding:10px 5px;設定物件上下為10px,左右為5px;
test4: padding-left:10px;padding-top:20px;
clear:
clear屬性主要是清楚float屬性設定的效果，使用float屬性設定一行有多個div後（多列），最好在下一行開始之前使用clear屬性清楚一下浮動，否則上面的布局會影響到下面。
1、如何在上面的例子中橙色方塊的下面另起一行放置乙個黑色方塊。
我們直接在html中加入乙個div試試
我們看到kid3跑到1、2的下面去了，原因就是應為kid2使用了float屬性，解決方法可以直接在裡面加入clear屬性
2、還有一種布局中常見的問題，此處一定要看。
我們把最外層屬性的高度去了，看看什麼效果。
一般情況都是在css裡面建立乙個.clear公共清除浮動類，直接使用乙個div呼叫即可
2.還有乙個初學div時經常遇到的問題，如果把上邊的clear層去掉，然後再在kwstu層下面開始一行新的布局，然後在下面新的div中使用margin-top屬性，肯定不管用。這個地方是初學者布局中肯定要遇到的問題，一定要注意。
解決辦法：
在parent層和parent1層直接加乙個清除浮動層即可。
CSS的布局屬性
1 定位 position static 預設值，元素為普通布局 position relative 元素位置相對於普通位置定位 position absolute 元素相對於position值不為static的第一位祖先元素來定位 position fixed 元素相對於瀏覽器視窗來定位 left...
Css布局屬性詳解
常用 div,form,table,p,pre,h1 h6,dl,ol,ul 塊級元素水平居中 margin 0 auto 2.1 非替換元素 指內容包含在文件中的元素。span,a,strong,em,label,select,textarea,br 2.2 替換元素 根據元素的標籤和屬性，來決定...
css布局屬性（重點！！！）
重點 position定位屬性 relative相對定位特點是 相對於遊覽最上邊的左上角或者右上角來定位，但是 不會讓出原位置 除非浮動後，才會讓出原位置 absolute絕對定位特點 這個有兩種情況 情況1 看他是否有脫離文件流 浮動或相對定位 的父元素，有的話就以他的父元素來定位，情況2 如果沒...