格式與布局

position:

1、fixed——position:fixed;

/*根據顯示視窗的第一顯示介面進行定位 ，直接定死在頁面上，跟著滾動條更換位置*/

2、absolute——position:absolute;

/*固定顯示，一直懸著，不隨著滾動條更換位置 */

3、relative——position:relative;/*相對的定位，相對的是上一句**，使用relati時要先看上一句**結束的位置*/

<

style
>
#a.b
.c.d
style
>
head
>
<
body
><
br />
<
div 
class
="c"
>c<
div 
class
="b"
>b
div>
div>
<
div 
class
="d"
>d<
div 
class
="b"
>bb
div>
div>
<
div 
id="a"
>a
div>
body
>

<

style
>
#a#aa
style
>
head
>
<
body
>
<
div 
id="a"
>a<
div 
id="aa"
>aa
div>
div>
body
>
html
>

z-index:2;寫上z-index:2後，預設情況下，只要比1大，都是第一層

/*overflow:hidden;超出的隱藏*/

overflow:scroll;/*滾動條,aa還是在a裡邊，把外層邊框撐大，加著滾動條，背景顏色都是綠色*/

float:right;/*float流式布局，不占用文字的空，兩側廣告，**。占用左右兩邊空白，在一行上。針對於最後一行**執行。

title>無標題文件

title
>
<
style
>
#a#b
/*float流式布局，不占用文字的空，兩側廣告，**。占用左右兩邊空白，在一行上。針對於最後一行**執行。
*//*
半透明效果：
透明區域在樣式表中的**為：
*/.box
style
>
head
>
<
body
>
123<
div 
id="b"
>b
div><
div 
id="a"
>a
div>
<
div 
id="b"
>d
div><
div 
id="a"
>c
div>
body
>
html
>

透明區域

在樣式表中的**為：

.box

360導航的布局

>360導航

title

>

<

style

>*#a

#b#c

#d#e

#f#g

#h#i

#j#k

#lstyle

>

head

>

<

body

>

<

div

id="a"

>

div>

<

div

id="b"

>

div>

<

div

id="c"

>

div>

<

div

id="d"

>

div>

<

div

id="e"

>

div>

<

div

id="f"

>

div>

<

div

id="g"

>

div>

<

div

id="h"

>

div>

<

div

id="i"

>

div>

<

div

id="j"

>

div>

<

div

id="k"

>

div>

<

div

id="l"

>

div>

<

br />

<

br />

<

br />

body

>

html

>

view code

格式與布局

一 定位 定位有相對定位 絕對定位和固定位置，詳細寫下各個定位屬性 絕對定位是相對於瀏覽器邊框或父級 相對定位是相對於原來位置移動 固定位置相對於瀏覽器邊界，用例子來看 定位position屬性 絕對定位absolute 對於top bottom right left屬性，只有設定了position...

HTML 格式與布局

一 position fixed 鎖定位置 相對於瀏覽器的位置 例如有些 的右下角的彈出視窗。二 position absolute 1.外層沒有position absolute 或relative 那麼div相對於瀏覽器定位，如下圖中b 距離瀏覽器右邊框為50畫素，距離下邊框為20畫素 2.外層...

0503 格式與布局

一 格式與布局 1 位置 position fixed 相對於瀏覽器邊界的定位 sbsolute 相對於父級元素進行定位 注意 定位之後，原來位置沒有了，其他元素會對其位置進行侵占，會覆蓋 a1 relative 相對於自己因該出現的位置進行定位 注意 定位之後原來的位置被保留 a1 方位名詞 le...