02 頁面布局常用的兩種方法

2021-10-10 11:45:45 字數 2179 閱讀 3852

三列布局的特點是兩邊固定,中間自適應。聖杯布局和雙飛翼布局可以實現這樣的需求。區別在於聖杯布局中間列的父元素新增了內邊距的同時對左右兩列設定偏移量,而雙飛翼不需要對左右兩列設定偏移量,而是直接給中間列再包一層元素,給該元素直接加內邊距實現,稍微方便一點點。

>

>

charset

="utf-8"

>

>

聖杯布局title

>

>

*body

#header

#footer

#center

/*-----------解決高度塌陷問題---------*/

.clearfix

.clearfix:after

/*-----------解決高度塌陷問題---------*/

#middle

#left

#right

#left,#right

#left,#center,#right

style

>

head

>

>

"header"

>

headerdiv

>

"middle"

class

="clearfix"

>

"center"

>

centerdiv

>

"left"

>

leftleftleftleftleft

/>

leftleftleftleftleft

/>

leftleftleftleftleft

/>

leftleftleftleftleft

/>

leftleftleftleftleft

/>

div>

"right"

>

rightdiv

>

div>

"footer"

>

footerdiv

>

body

>

html

>

>

>

charset

="utf-8"

>

>

聖杯布局title

>

>

*body

#header

#footer

#center

.center_in

/*-----------解決高度塌陷問題---------*/

.clearfix

.clearfix:after

/*-----------解決高度塌陷問題---------*/

#middle

#left

#right

#left,#center,#right

style

>

head

>

>

"header"

>

headerdiv

>

"middle"

class

="clearfix"

>

"center"

>

class

="center_in"

>

centerdiv

>

div>

"left"

>

leftleftleftleftleft

/>

leftleftleftleftleft

/>

leftleftleftleftleft

/>

leftleftleftleftleft

/>

leftleftleftleftleft

/>

div>

"right"

>

rightdiv

>

div>

"footer"

>

footerdiv

>

body

>

html

>

PHP生成靜態頁的兩種方法

兩種方法簡單說明如下 1 使用檔案函式得到靜態頁面的模板字串,然後用str replace函式將需要替換的東西替換了再寫入到新的檔案中。2 利用php的輸出控制函式 output control 得到靜態頁面字串,再寫入到新的檔案中。下面開始詳細的說明。一 利用模板生成 什麼是模板?如果大家使用過d...

PHP支援頁面回退的兩種方法

在開發過程中,往往因為表單出錯而返回頁面的時候填寫的資訊都不見了,為了支援頁面回跳,可以通過兩種方法實現。第一,使用header方法設定訊息頭cache control header cache control private,must revalidate 支援頁面回跳 第二,使用session ...

servlet 實現頁面跳轉的兩種方法

servlet 實現頁面跳轉的兩種方法 1。sendredirect,2.getrequestdispatcher。response.sendredirect next.jsp request.getrequestdispatcher next.jsp forward request,respons...