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

看板PHP作者 (喔 @@)時間11年前 (2013/06/07 18:29), 編輯推噓1(105)
留言6則, 3人參與, 最新討論串2/2 (看更多)
※ 引述《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

06/08 02:29, , 1F
(y)
06/08 02:29, 1F

06/08 03:09, , 2F
老問題了,母元素的INDEX 0 的子元素 margin-top 會直接
06/08 03:09, 2F

06/08 03:10, , 3F
變成對母元素下margin-top
06/08 03:10, 3F

06/08 03:11, , 4F
有三種方法,設overflow:hidden,設float,設position:rela
06/08 03:11, 4F

06/08 03:11, , 5F
tive
06/08 03:11, 5F

06/13 16:36, , 6F
謝謝您....真的是因為h1有預設的margin
06/13 16:36, 6F
文章代碼(AID): #1HiRN-Ap (PHP)
討論串 (同標題文章)
文章代碼(AID): #1HiRN-Ap (PHP)