作者mydoc (成為守護神)
看板Web_Design
標題[問題] 關於一個CSS設定問題
時間Sun Sep 13 23:53:09 2015
直接丟網址
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://www.ptt.cc/bbs/Web_Design/M.1442159595.A.318.html
推 pm2001: 哪來的#content跟#test3 09/14 00:03
打到一半一直弄...沒注意又改了名字= = sorry
※ 編輯: mydoc (123.202.160.66), 09/14/2015 00:06:04
推 luckynu: ID是用# class是用. 09/14 00:40
→ mydoc: 我果然是新手XD 09/14 00:42
雖然我常搞混誰是#誰是. 但我知道id有唯一性(沒錯了吧...囧rz)
※ 編輯: mydoc (123.202.160.66), 09/14/2015 00:44:05
推 SheLoBDenI: 你可以開原始碼看會比較好找,一般都是div打錯或多打 09/14 08:40
推 Clovershine: 建議開瀏覽器按f12找看看 09/14 22:17
→ mydoc: 有在確認 F12那邊確是顯示包在c底下 QAQ 09/14 22:54
推 Clovershine: 你的問題是要先搞懂absolute和Relatively還有float 09/15 00:23
推 Clovershine: 還有,區塊樣式和行內樣式你也要稍微了解一下,因為 09/15 00:26
→ Clovershine: 你在很多地方都設定display:block,其實是多餘的 09/15 00:26
→ mydoc: 嗯嗯 還在學習中 09/15 00:45
推 Clovershine: c的position設成relative看看 09/15 04:41