濮阳杆衣贸易有限公司

主頁 > 知識庫 > html+css布局的三種方式(自然布局/流動布局/定位布局)

html+css布局的三種方式(自然布局/流動布局/定位布局)

熱門標簽:縣域地圖標注點 吃雞地圖標注設置 電銷機器人外呼失敗怎么回事 齊齊哈爾地圖標注地點 400電話申請好不好 400電話座機怎么辦理 邵陽市地圖標注app 南寧銷售外呼系統(tǒng)線路商 天津銷售電銷機器人公司
1.自然布局
沒有任何修飾的布局是自動靠左的。
2.流動布局
上面講的float:left的情況。
3.定位布局
相對定位和絕對定位都是相對于父div標簽的。
相對------以這個元素的本來應該在的位置為參照點
絕對——以父div標簽的原點(左上角)為參照點。

由于外層是position:relative,所以里層是absolute的話,則會以外層的左上角為位移參考對齊。當然外層只寫position:relative,寫上left,top這兩個值,則表示以:以這個元素的本來應該在的位置為布局參照原點進行l(wèi)eft,top對齊。

還有一種情況是,只是一個position:absolute;外層沒有position:relative,這時會找尋那個點為參考呢?這時候的原則是:如果某父級元素中有relative者,則以某父級元素為參考原點,如果沒有position:relative,則以body為參考原點。如果position:absolute外層沒有relative時,這兩個布局上是沒有區(qū)別的。

當然最后一種情況是:外層是:position:absolute;里邊是position:relative,那會是什么情況?按著原來的原則,absolute會參考body為布局原點,relative會參考他本來應該在的位置為布局原點,這時候其實就是參考外層左上角為布局原點。
其它的要看實際情況而定。

標簽:衡水 寧波 日照 寧夏 贛州 延安 濟寧

巨人網(wǎng)絡通訊聲明:本文標題《html+css布局的三種方式(自然布局/流動布局/定位布局)》,本文關鍵詞  html+css,布局,的,三種,方式,;如發(fā)現(xiàn)本文內容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內容系統(tǒng)采集于網(wǎng)絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《html+css布局的三種方式(自然布局/流動布局/定位布局)》相關的同類信息!
  • 本頁收集關于html+css布局的三種方式(自然布局/流動布局/定位布局)的相關信息資訊供網(wǎng)民參考!
  • 推薦文章
    宕昌县| 安达市| 石家庄市| 昭通市| 侯马市| 蒙城县| 洛阳市| 上高县| 江油市| 九龙坡区| 迭部县| 万州区| 莱西市| 宜宾市| 新民市| 松潘县| 邵阳县| 突泉县| 舒兰市| 东乌珠穆沁旗| 苏州市| 石棉县| 兰西县| 西昌市| 苏尼特右旗| 墨玉县| 沧州市| 河西区| 余江县| 乐山市| 百色市| 喀喇| 高邮市| 新田县| 浠水县| 富平县| 兰西县| 台北市| 迁安市| 洪江市| 迭部县|