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

截图: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
在上面可以看到导致错误的零高度div

thnx的答案。

最佳答案

Firefox和chrome似乎可以正确渲染它。 Opera似乎在默认边距方面有所不同……您应该尝试使用normalize.css之类的方法。您在该屏幕截图中选择的只是身体的一部分。尝试在chrome中检查元素-那里没有神秘的div!

关于html - Opera与Firefox/Chrome中的对齐错误问题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/6477294/

10-13 01:52