IE6中奇怪的CSS问题，及解决方法

最新推荐文章于 2025-11-24 23:20:58 发布

原创最新推荐文章于 2025-11-24 23:20:58 发布 · 375 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ie #css #div

CSS 专栏收录该内容

8 篇文章

订阅专栏

本文提供了一个使用HTML和CSS进行网页布局的具体示例，展示了如何通过设置元素的样式属性来实现预期的显示效果。示例中着重介绍了浮动、背景颜色及鼠标悬停效果等基本CSS技巧。

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> * { margin: 0; padding: 0; } div { width: 200px; height: 100px; } a { font-size: 12px; background: #fff; /*去掉本行后IE中布局会出现问题,给白色后解决*/ float: left; width: 50px; line-height: 20px; text-align: center; } a:hover { color: #00f; } </style> </head> <body> <div> <a href="#" mce_href="#">你好</a> <a href="#" mce_href="#">你好</a> <a href="#" mce_href="#">你好</a> <a href="#" mce_href="#">你好</a> <a href="#" mce_href="#">你好</a> <a href="#" mce_href="#">你好</a> <a href="#" mce_href="#">你好</a> <a href="#" mce_href="#">你好</a> <a href="#" mce_href="#">你好</a> <a href="#" mce_href="#">你好</a> <a href="#" mce_href="#">你好</a> <a href="#" mce_href="#">你好</a> <a href="#" mce_href="#">你好</a> <a href="#" mce_href="#">你好</a> <a href="#" mce_href="#">你好</a> <a href="#" mce_href="#">你好</a> </div> </body> </html>