Re: [請益] DIV之間的縫隙

[clifflu (喔 @@)]

※ 引述《ireullin (raison detre)》之銘言：
: 我是用php寫的
: 但實際上遇到問題的是html
: 如果不適合在這邊發問
: 請跟我說
: 我會把它刪掉
: http://codepad.org/PsyRIDkQ
: 以上連結是我的程式碼
: 我的html使用 ie9 與 chrome打開的時候
: ID_DIV_MENU 與 ID_DIV_CONTENT 都會有一個縫
: ID_DIV_CONTENT 與 ID_DIV_FOOTER 也會有
: 不會緊密的合再一起
: 但是 ID_DIV_HEADER 與 ID_DIV_MENU 卻不會
: 原本以為是css的問題
: 可是我把css拿掉了問題還是一樣
: 請問有人知道這是為什麼嗎
: 該如何解決

在裡面加入 <style> div {border:1px black solid'} </style> 後，
可以發現 div 其實緊密相連；這代表多餘的高度來自於內部元素
使用 chrome dev tool 依次觀察就會發現那是被 h1, h2 推出來的 margin

善用 normalize.css / reset.css 能讓不同瀏覽器的表現一致；
至於頁面空間要如何編排，就請從 html / css 下手囉

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 114.32.21.207
→ Rplus:(y)
→ dlikeayu:老問題了，母元素的INDEX 0 的子元素 margin-top 會直接
→ dlikeayu:變成對母元素下margin-top
→ dlikeayu:有三種方法，設overflow:hidden,設float,設position:rela
→ dlikeayu:tive
推 ireullin:謝謝您....真的是因為h1有預設的margin