DIV佈局的幾個疑問[整理]

1\我已經分不清left與margin-left有啥區別,換面top\right也一樣。
left是元素左邊的位置,margin-left,又叫補白,就是在元素左邊補一些空白。Top,right同樣。不過left,top等,只有在position爲absolute及relative有效。

left、right、top、bottom、一般只是用position屬性的時候,用這4個屬性來定位的,margin-left的意思的左補白,這個自己試一下就知道了。

2\我分不清嵌套關係中,父div與子div引用的position屬性,哪個該用absolute,哪個該用relative.
如果是並列層,也不知該怎麼定位。

父div與子div引用的position屬性,哪個該用absolute,哪個該用relative.
父要用relative,子要用absolute。

如果用絕對定位,必須用position:relative聲明父對象,position:absolute;用於子對象,如果不聲明父對象,則父對象爲body,也就是整個網頁。


 

3\ul與li.
如對ul裏有多個li,我無法控制每個li的長度,也無法控制多個li爲垂直排列或水平排列。
ul,ul{margin:0;padding:0}要先聲明這個纔好對li處理,li的長度,是寬度還是高度,如果寬度用widht,高度用height指定就行了


<ul>
   <li></li>
   <li></li>
   .....
</ul>
中,可以給li設置寬度width,,li爲塊對象,可以用浮動(float)來橫向排列,否則就是豎向排列。

4\div嵌套中,爲子div定位時,選擇position的絕對還是相對呢?還有如1點所說,left 與 margin-left不知有什麼區別 。反正我是無法在一個頁面中,肥幾個div排列得佈局整齊:

如:頂部一個橫向div A,
A下面放兩個並列的div C 與 B,我就是搞不出來,要不然錯位,要不然做不到橫向並排。
div嵌套中,爲子div定位時,選擇position的絕對還是相對呢看要求吧,一般不用選擇,特殊情況下用絕對,但父層必須相對

position:relative爲相對定位,相對於父div定位。用left、right、top、bottom精確定位。這個可以試一下就知道了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章