作者clifflu (喔 @@)
看板PHP
标题Re: [请益] DIV之间的缝隙
时间Fri Jun 7 18:29:15 2013
※ 引述《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
1F：→ Rplus:(y) 06/08 02:29
2F：→ dlikeayu:老问题了，母元素的INDEX 0 的子元素 margin-top 会直接 06/08 03:09
3F：→ dlikeayu:变成对母元素下margin-top 06/08 03:10
4F：→ dlikeayu:有三种方法，设overflow:hidden,设float,设position:rela 06/08 03:11
5F：→ dlikeayu:tive 06/08 03:11
6F：推 ireullin:谢谢您....真的是因为h1有预设的margin 06/13 16:36