我有问题。我正在重新设计一个网站，我正在使用HTML5 + CSS3。我正在制作一个带有喜欢和按钮的栏。我通常处理那些带有无序列表的列表，其中ul的高度为20px，每个子li元素的高度为20px，float：left。然后，我在单独的li中插入div.fb-like和follow按钮。
我遇到的问题是，在Windows中，类似按钮在IE9，Firefox和Opera上移动6px，但在Chrome和Safari上运行正常（所有浏览器都是最新的）。我尝试使用jquery css修复工作正常，但后来我在Chrome上的Macbook上打开了网站，它与6px移动有同样的问题。
之前我已经创建了另一个页面，我使用了几乎相同的栏布局，但它是使用XHTML 1.1 Transitional。由于某种原因，它没有那个问题。
我正在使用Like按钮的HTML5版本。
您可以在此处查看演示：http://yucatan.travel.zebradm.mx/prueba.php
答案 0 :(得分：1)
你的某处有一个垂直对齐的文字：
.fb_iframe_widget span {
position: relative;
display: inline-block;
vertical-align: text-bottom;
text-align: justify;
}
删除它，它将对齐