Re: [請益] DIV之間的縫隙
※ 引述《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
06/08 02:29, 1F
→
06/08 03:09, , 2F
06/08 03:09, 2F
→
06/08 03:10, , 3F
06/08 03:10, 3F
→
06/08 03:11, , 4F
06/08 03:11, 4F
→
06/08 03:11, , 5F
06/08 03:11, 5F
推
06/13 16:36, , 6F
06/13 16:36, 6F
討論串 (同標題文章)
本文引述了以下文章的的內容:
完整討論串 (本文為第 2 之 2 篇):