[問題] 一個CSS位置排版的問題

看板Web_Design作者 (NG)時間14年前 (2012/02/23 19:13), 編輯推噓3(3推 0噓 5→)
留言8則, 3人參與, 最新討論串1/1
問題是這樣的，我將DIV1用 .DIV1 { float: left; position: relative; left: 25px; top: 0px; width: 100px; height: 100px; z-index: 99; } 這樣的方式讓他浮在DIV2上， 然而他卻使得DIV3被擠到右邊去了(如圖) ___________________________________ | | | DIV2 | |___| DIV1 |________________________| |______| | | | | DIV3 | |_____________| DIV3的左邊原來應該要與DIV2的左邊對齊的 請問各位高手有甚麼辦法可以讓DIV3對到DIV2呢? 先謝謝了! -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 140.112.217.49
推
02/23 19:20, , 1F
div1排在最後面 用position:absolute;
02/23 19:20, 1F
→
02/23 19:20, , 2F
然後div2和div3就正常排..
02/23 19:20, 2F
謝謝樓上的方法，但是我不能用absolute這種方式,原因是 DIV2其實是被一個container包住的, .container { margin-left: auto; margin-right: auto; width: 960px; } DIV3外面也是有一個container, 我把結構寫下來可能比較清楚 <div class="container"> <div class="div1">...</div> <div class="div2">...</div> </div> <div class="container"> <div class="div3">...</div> </div> ※ 編輯: ngroup 來自: 140.112.217.49 (02/23 19:33)
推
02/23 20:03, , 3F
在第一個container 加上position:relative;
02/23 20:03, 3F
→
02/23 20:03, , 4F
div1加上position:absolute;
02/23 20:03, 4F
→
02/23 20:04, , 5F
這樣div1就會浮再container1裡面 但不影響container2的位置
02/23 20:04, 5F
→
02/23 20:15, , 6F
哇! 可以用耶XD 請問能夠解釋一下嗎? 為什麼必須在
02/23 20:15, 6F
→
02/23 20:16, , 7F
container1加上relative呢?
02/23 20:16, 7F
推
02/23 21:46, , 8F
簡單的說 加上relative後container1就變成了參照點
02/23 21:46, 8F
‣ 更多 ngroup 的文章
文章代碼(AID): #1FHXziwv (Web_Design)