css 位置 relative

不是這個味道

7月 31, 2013

林凝晴

kuso

CSS Position 位置 - 1Keydata CSS 語法教學從前從前：有位老公公，他很喜歡喝味磳湯，他只要一天不喝就全身不舒服，所以他天天叫他太太煮給他喝，結果有一天他太太死了。他也沒味磳湯可以喝了啊！所以他開始叫他媳婦煮，可是不論他媳婦煮的再好，他總是把它丟在一旁說：不是這個味道。這麼難喝的湯你也煮的出來啊！剛開始媳婦總是忍氣吞聲，心想只要煮出那味道就好，列出與位置 (position) 有關的 CSS 屬性。 ... z-index z-index 屬性是用來決定元素重疊的順序。換言之，當兩個元素有重疊的情況時，z-index 值將會決定哪一個元素在上面。...

全文閱讀

---

說的也沒錯

7月 31, 2013

葉紫蕊

kuso

10步掌握CSS定位: position static relative absolute float日，寵物食品公司以電話進行產品銷售調查， 接電話的是一個丫丫學語的小孩。 市調員：「小朋友，你家裡有沒有養小狗、小貓、小兔子或是小鳥？」 小孩：「沒有耶，我媽媽都沒有生。」某天，有隻兔子跳進中藥房問道 兔子:「老闆,你們有沒有賣紅蘿蔔??」 老闆笑笑回答說：「沒有」 次日，兔子又跳進來問說 兔子「老2. position:relative 設置了 position:relative，便可以結合top 、 bottom、 left 、 right 的屬性來偏移其文檔的常規位置。 例如將 div-1 向下移動 20 像素、向左移動 40 像素: #div-1 { position:relative; top:20px; left:-40px; } 注意 div-1 未被移動之前的地方，現在多了一點 ......

全文閱讀

---

另類背影

7月 31, 2013

葉紫蕊

kuso

CSS Layout - The position Property - W3Schools Online Web Tutorials經過三年的努力之後，台南的小華好不容易考上了大學。在啟程北上讀書的那一天 ，小華的爸爸送他到車站去，並且塞了一袋東西給他。 爸爸說：「出門在外，一切要小心。我不能就近照顧你…這袋東西…你就一起帶到 台北吧！」 父親說完，就轉身離去了。 小華悄悄的把袋子打開，看見袋子裡裝滿Well organized and easy to understand Web bulding tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, PHP, and XML. ... position: fixed; An element with position: fixed; is positioned relative to the viewport, which means it always s...

全文閱讀

---

很冷的山洞

7月 31, 2013

梁寄瑤

kuso

[CSS] CSS position 觀念筆記心得 - apa很冷的山洞 在一座山裡住著三個男人。但是在山裡住久了，有一天他們突然很想要女人，於是有一人就提議到山洞裡去找女人。後來他們終於找到了第一個山洞，他們很高興的就向裡面大喊：無查某謀(台語：有女人嗎)？山洞裡有回音傳回：謀 )))))))))三人聽了以為山洞裡沒有女人就很失望。但是他們還是繼續css position 對於初學者來說觀念很容易混淆，我在剛學習時也很常搞不清楚relative和absolute之間的關係，但只要抓到幾個訣竅重點，其實可以很輕鬆的掌握它，這篇是紀錄我自己學習css position的心得，搭配幾個簡單易懂的範例，讓大家一起成長 Start 首先，css ......

全文閱讀

---

近來銀行理專的問候語==睡得像Baby一樣

7月 31, 2013

小安

kuso

CSS 相對定位 - w3school 在線教程近來銀行理專的問候語==睡得像Baby一樣兩個銀行理專（理財專員）見面，互相詢問近況；甲說：唉！想到我客戶的投資腰斬，我就天天睡不 好，難過死了..你呢？乙說：我自從雷曼事件之後，我就睡得像Baby一樣．甲大驚：怎麼這麼好？你怎麼做到的？乙吞吞口水說：---- ----睡兩個小時設置為相對定位的元素框會偏移某個距離。元素仍然保持其未定位前的形狀，它原本所佔的空間仍保留。 CSS 相對定位 相對定位是一個非常容易掌握的概念。如果對一個元素進行相對定位，它將出現在它所在的位置上。...

全文閱讀

---

最近很紅的日記 -賴寶日記

7月 31, 2013

蔡若藍

kuso

Learn CSS Positioning in Ten Steps: position static relative absolute float對付兇惡的人，就要比他更兇惡；對付卑鄙的人，就要比他更卑鄙；對付瀟灑的人，就要比他更瀟灑；對付英俊的人，就要……毀他的容！——賴寶日記摘錄 7月23日人不犯我，我不犯人；人若犯我，我就生氣！——賴寶日記摘錄 8月23日忽然想5. two column absolute Now we can make a two-column layout using relative and absolute positioning! #div-1 { position:relative; } #div-1a { position:absolute; top:0; right:0; width:200px; } #div-1b { position:absolute; top:0; left:0; width:200px; }...

全文閱讀

---

---