一.簡(jiǎn)述CSS布局
-
1.默認(rèn)情況下，所有的網(wǎng)頁標(biāo)簽都在標(biāo)準(zhǔn)流布局中
從上到下，從左到右
-
2.脫離標(biāo)準(zhǔn)流的方法有
-
float屬性 -
position屬性 和leftright摄闸、top蜓堕、bottom屬性
-
二.CSS脫離標(biāo)準(zhǔn)流
-
1.CSS布局–
float屬性,常用取值有left：脫離標(biāo)準(zhǔn)流墨叛，浮動(dòng)在父標(biāo)簽的最左邊right：脫離標(biāo)準(zhǔn)流，浮動(dòng)在父標(biāo)簽的最右邊
CSS布局– `float`屬性,常用取值有
結(jié)論:任何一種標(biāo)簽脫離了標(biāo)準(zhǔn)流,就會(huì)變成 行內(nèi)-塊級(jí) 標(biāo)簽
- 2.position (子標(biāo)簽相對(duì)于父標(biāo)簽的一個(gè)定位)
看不清的就百度搜
position (**子標(biāo)簽相對(duì)于父標(biāo)簽的一個(gè)定位**)
實(shí)例:記住四個(gè)字子絕父相
- 1.absolute 生成絕對(duì)定位的元素吨艇，相對(duì)于 static 定位以外的第一個(gè)父元素進(jìn)行定位躬它。
- 2.relative 生成相對(duì)定位的元素，相對(duì)于其正常位置進(jìn)行定位东涡。
position (**子標(biāo)簽相對(duì)于父標(biāo)簽的一個(gè)定位**)
- 3.fixed生成絕對(duì)定位的元素冯吓，相對(duì)于瀏覽器窗口進(jìn)行定位。
元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進(jìn)行規(guī)定疮跑。
fixed生成絕對(duì)定位的元素
