作者robert38 (Nobody)
看板Web_Design
標題[問題] 關於position:absolute的問題
時間Fri Jun 5 12:08:58 2009
各位大大好,小弟我想請教一個問題
目前相關的設定如下
html部份
<div id="container">
<div id="wave_left"></div><!--end of wave_left-->
<div id="wave_right"></div><!--end of wave_right-->
</div><!--end of container-->
CSS部分
#container{
width:1000px;
height:580px;
margin:0px auto;
background:url('ui/container_bg.png') left top no-repeat;
z-index:1;
}
#wave_left{
background:url('ui/wave_left.png') left top no-repeat;
width:100px;
height:325px;
position:absolute;
right:-100px;
}
#wave_right{
background:url('ui/wave_right.png') left top no-repeat;
width:100px;
height:325px;
position:absolute;
right:-100px;
}
小弟我想做的是讓
#wave_left和
#wave_right能夠剛好接在
#container的兩側
目前顯示結果是都OK,可以剛好接續
但是問題在於若視窗縮小到1024px以下,
#wave_left會出現在畫面外沒有問題
但
#wave_right卻不會出現在畫面外,而會出現水平的捲軸
請問有沒有辦法解決position:absolute在這裡出現的這個問題ꄊ謝謝各位大大
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.124.247.22
推 kyork:別的先不說,你的wave_right沒有結束 06/05 13:34
不好意思,是在打上來的時候手誤...囧rz
※ 編輯: robert38 來自: 59.124.247.22 (06/05 13:52)
→ Throll:是這樣嗎?@@ 06/05 14:24
對,目前的狀況就是這樣
不知道有沒有辦法消除縮小視窗時的水平捲軸>.<
※ 編輯: robert38 來自: 59.124.247.22 (06/05 15:49)
推 fotofolio:對視窗用不出現捲軸的css 06/05 16:08
→ robert38:對齁~都忘了還有這個可以用,感謝各位大大的回答~ 06/05 16:17