Opera与Firefox / Chrome中的错位问题

时间:2011-06-25 10:56:27

标签: html css

所以我正在学习CSS,我想出了这个非常基本的页面,我尝试在标题和未来<hr>部分之间添加<li>或其他一些分隔符。 Chrome似乎在页面中添加了一个矩形(有点看不见的Div),可以在屏幕截图中看到(使用select-all)。如何在所有浏览器中正确对齐标题​​下的文本/对象?

屏幕截图:img194.imageshack.us/img194/9017/css00.jpg

网站/来源:http://dl.dropbox.com/u/23916103/layout1.html


解决:显然这是Opera中的一个错误,旋转的div,我的标题文本的高度设置为0,因此它具有透明背景,由于某些未知原因,Opera用一些有效高度替换0。

这是一个屏幕(http://img6.imageshack.us/img6/4315/divvs.jpg) 你可以看到导致bug的零高度div

thnx寻求答案。

1 个答案:

答案 0 :(得分:0)

Firefox和Chrome似乎正在正确呈现它。 Opera似乎与默认边距的争论不同......你应该尝试像normalize.css这样的东西。你在截图中选择的只是身体的一部分。尝试使用chrome中的inspect-element-那里没有神秘的div!