当前位置:编程学习 > html/css >>

将整个body设置与浏览器之间的距离为零为什么要加div这与div有什么关系求理解方法 body, div{ margin:0px;

body, div{ margin:0px; padding:0px;}
追问:恩 明白了 但是写个了div{ margin:12px; padding:8px;} 发现在不同的浏览器中显示内边距不同 还有办法吗!important是什么?还没回答我提的问题
答案:这句CSS的意思是,这个页面里的body与浏览器窗口之间的距离为0(默认情况下,大部分浏览器都在10和8这两个值之间);
并且这个页面里所有div与其父级元素之间的内边距也为0。
可以理解为
body {margin:0px; padding:0px;}
div{margin:0px; padding:0px;}
由于它们的CSS属性一样,为了不重复,就写到一起了。
你完全可以只写作:body {margin:0px; padding:0px;}
那个div并不是为了设置body的,而是设置自己与父级元素之间的内边距。
其他:一般直接打开这几种浏览器来回测试。网站做多了自然就有经验了。最好用的莫过于!important,ff下可以识别,而ie下不可以,这样就可以把ie和ff区分开来了。我的感觉:

1. ul  
这个在global下就设置好,否则ff下默认是有小圆点和空白的。

2. overflow:hidden;
这样可以自适应高度。

另外:

CSS 兼容要点:DOCTYPE 影响 CSS 处理

FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行

FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中

FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width

div 的垂直居中问题: vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行

cursor: pointer 可以同时在 IE FF 中显示游标手指状, hand 仅 IE 可以

FF: 链接加边框和背景色,需设置 display: block, 同时设置 float: left 保证不换行。参照 menubar, 给 a 和 menubar 设置高度是为了避免底边显示错位, 若不设 height, 可以在 menubar 中插入一个空格XHTML+CSS兼容性解决方案小集
 你这个问题 你是想让BODY 与浏览器的距离为0  对吧   他这个是让 所有的在DIV 里面的盒子里面的 外边框 和内边框  的距离为0; 

上一个:网页布局中何时使用div容器,何时可以不使用div容器,可以做到合理使用div容器,防止泛滥使用div容器
下一个:各位大神,可以帮我用div+css来做一个一行四列的表格代码吗?在线等……

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,