一.簡(jiǎn)述CSS布局

• 1.默認(rèn)情況下，所有的網(wǎng)頁(yè)標(biāo)簽都在標(biāo)準(zhǔn)流布局中

  從上到下，從左到右

• 2.脫離標(biāo)準(zhǔn)流的方法有

  • float屬性
  • position屬性 和 left right、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ì)定位的元素