CSS教程：“自动定位”的应用

现在，使用自动定位可以实现弹出消息提示框。但是，除了上面提及的那个bug外，还有几个bug需要注意。

• span标签定义display:block时，在FF和IE下显示有差别。

  当我们给.test-auto span增加display:block时。你可以看到，鼠标经过时，在FF中消息框另起一行（这是使用该属性正常的效果）。但在IE6、IE7中查看，我们看到它仍在原来的位置之上。

• span标签定义font-style:italic;时，在IE7中出现滚动条。

  可以看到，鼠标经过时，在FF和IE6中消息框出现，没有任何异常。但在IE7中查看，我们看到水平滚动条出现了。这似乎就是IE中的italics bug。对于该bug，给其定义overflow:hidden，鼠标经过时，滚动条将会消失。

另外，在 chrome中查看，鼠标经过时，消息框并没有出现在鼠标经过的位置，而是出紧靠父元素的左侧，真奇怪！！

三、“自动定位”的应用

自动定位有哪些用途呢？但我们在页面的相关文本插入绝对定位图像时，我们可以使其top和bottom属性为“auto”，然后定义left或者right属性值，那么其垂直位置就由文本流来控制，水平位置有left或者right的长度值来决定。

四、总结

“自动定位”使我们不常用的一个属性，相信看完本文你对自动定位有一个很深的理解。本篇文章简要的介绍了“自动定位”的应用，如果你想进一步定位提示框出现的位置，请参考我翻译的另外另外一篇文章－－《边距和绝对定位》，希望能对你有所启发。

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!