Posted on 2006-10-09 14:25
太清劍客 閱讀(902)
評論(0) 編輯 收藏 所屬分類:
XHTML|CSS
以前都是用valign，現在卻不能用了，所以去查了解決方法
CSS：
#box1
{
position
:
relative
; /*使對象不可重疊，從而變成一個可定位容器*/
background
:
red
;
height
:
100px
;
width
:
100px
;
}
#box2
{
position
:
absolute
; /*使對象可以通過相對于BOX1的定位而漂移*/
background
:
#BBB
;
height
:
20%
;
width
:
100%
;
left
:
0
; /*距離左邊的距離*/
bottom
:
0
; /*距離底部的距離*/
}
HTML：
<
div
id
="box1"
>
<
div
id
="box2"
>
在下邊了
</
div
>
</
div
>