将整个body设置与浏览器之间的距离为零为什么要加div这与div有什么关系求理解方法 body, div{ margin:0px;
body, div{ margin:0px; padding:0px;}
追问:恩 明白了 但是写个了div{ margin:12px; padding:8px;} 发现在不同的浏览器中显示内边距不同 还有办法吗!important是什么?还没回答我提的问题
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来做一个一行四列的表格代码吗?在线等……