Web_Design 板


LINE

直接丟網址 http://www.ritaplay.com/test/4players.html 我正在弄一個網頁,但CSS上遇到些問題... div結構是: <div id='allin'> <div id='head'>...</div> <div id='c'> <div id='slider'>...</div> <div id='pad'>內文內文內文內文內文</div> </div> <div id='right'>...</div> </div> 問題出在紅色部份,他應該被包在#c內,但瀏覽器會解釋成#pad與#c同層 所以做成沒有大腸包小腸的效果... 但我再三反覆的弄 無論是改名字,把#slider那層刪去都沒辦法做到包住的效果 是我哪邊沒注意看清楚嗎? 弄了半天這層級....希望有大大能解答一下我哪邊出盲點了。謝謝 -- ο . ╭═══╮╔═╮═╗╭═══╮╔═══╗╔═╗   ο \○ β ║ ═ ║║ ║ ║║╔══╗║ ══╣║ ║   * \● β τ天 ║╔╗ ║║║ ║║╰╯ ║║ ══╣║ ╚═╗   ─使  ╚╝╚═╝╚╰══╝╰═══╯╚═══╝╚═══╝ < \  ★~ 擁有一對翅膀 是守護你的天使 請用hh呼叫他 ψs75287    *          ξ快到angelpray板許願ξ --



※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 123.202.160.66
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1442159595.A.318.html
1F:推 pm2001: 哪來的#content跟#test3 09/14 00:03
打到一半一直弄...沒注意又改了名字= = sorry ※ 編輯: mydoc (123.202.160.66), 09/14/2015 00:06:04
2F:推 luckynu: ID是用# class是用. 09/14 00:40
3F:→ mydoc: 我果然是新手XD 09/14 00:42
雖然我常搞混誰是#誰是. 但我知道id有唯一性(沒錯了吧...囧rz) ※ 編輯: mydoc (123.202.160.66), 09/14/2015 00:44:05
4F:推 SheLoBDenI: 你可以開原始碼看會比較好找,一般都是div打錯或多打 09/14 08:40
5F:推 Clovershine: 建議開瀏覽器按f12找看看 09/14 22:17
6F:→ mydoc: 有在確認 F12那邊確是顯示包在c底下 QAQ 09/14 22:54
7F:推 Clovershine: 你的問題是要先搞懂absolute和Relatively還有float 09/15 00:23
8F:推 Clovershine: 還有,區塊樣式和行內樣式你也要稍微了解一下,因為 09/15 00:26
9F:→ Clovershine: 你在很多地方都設定display:block,其實是多餘的 09/15 00:26
10F:→ mydoc: 嗯嗯 還在學習中 09/15 00:45
11F:推 Clovershine: c的position設成relative看看 09/15 04:41







like.gif 您可能會有興趣的文章
icon.png[問題/行為] 貓晚上進房間會不會有憋尿問題
icon.pngRe: [閒聊] 選了錯誤的女孩成為魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一張
icon.png[心得] EMS高領長版毛衣.墨小樓MC1002
icon.png[分享] 丹龍隔熱紙GE55+33+22
icon.png[問題] 清洗洗衣機
icon.png[尋物] 窗台下的空間
icon.png[閒聊] 双極の女神1 木魔爵
icon.png[售車] 新竹 1997 march 1297cc 白色 四門
icon.png[討論] 能從照片感受到攝影者心情嗎
icon.png[狂賀] 賀賀賀賀 賀!島村卯月!總選舉NO.1
icon.png[難過] 羨慕白皮膚的女生
icon.png閱讀文章
icon.png[黑特]
icon.png[問題] SBK S1安裝於安全帽位置
icon.png[分享] 舊woo100絕版開箱!!
icon.pngRe: [無言] 關於小包衛生紙
icon.png[開箱] E5-2683V3 RX480Strix 快睿C1 簡單測試
icon.png[心得] 蒼の海賊龍 地獄 執行者16PT
icon.png[售車] 1999年Virage iO 1.8EXi
icon.png[心得] 挑戰33 LV10 獅子座pt solo
icon.png[閒聊] 手把手教你不被桶之新手主購教學
icon.png[分享] Civic Type R 量產版官方照無預警流出
icon.png[售車] Golf 4 2.0 銀色 自排
icon.png[出售] Graco提籃汽座(有底座)2000元誠可議
icon.png[問題] 請問補牙材質掉了還能再補嗎?(台中半年內
icon.png[問題] 44th 單曲 生寫竟然都給重複的啊啊!
icon.png[心得] 華南紅卡/icash 核卡
icon.png[問題] 拔牙矯正這樣正常嗎
icon.png[贈送] 老莫高業 初業 102年版
icon.png[情報] 三大行動支付 本季掀戰火
icon.png[寶寶] 博客來Amos水蠟筆5/1特價五折
icon.pngRe: [心得] 新鮮人一些面試分享
icon.png[心得] 蒼の海賊龍 地獄 麒麟25PT
icon.pngRe: [閒聊] (君の名は。雷慎入) 君名二創漫畫翻譯
icon.pngRe: [閒聊] OGN中場影片:失蹤人口局 (英文字幕)
icon.png[問題] 台灣大哥大4G訊號差
icon.png[出售] [全國]全新千尋侘草LED燈, 水草

請輸入看板名稱,例如:BabyMother站內搜尋

TOP