IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者
首页 / 前端

li的多余空白

记事本 2010-08-04 23:21:14 累计浏览 2,989 次
本机暂存
标签 CSS IE6 垂直对齐 浮动

在IE6下，li标签中有浮动元素的话，就有可能在两个li之间出现一条多余的空白。

CSS:

以下是代码片段：
ul li
{
    width: 300px;
    height: 50px;
}
ul li div
{
    width: 30px;
    height: 50px;
    float: left;
}
 
HTML:
 
以下是代码片段：
<ul>
    <li>
        <div>123</div>
        <div>456</div>
    </li>
    <li>456</li>
</ul>

解决的办法:

  1. 在任意一个div上加个vertical-align: top
  2. 让li浮动并清除浮动

同分类推荐文章

  1. translateZ() （2026-06-25 21:18:56）
  2. translateY() （2026-06-25 21:17:56）
  3. translateX() （2026-06-25 21:16:01）

查看更多 前端 文章 →

建议继续学习

  1. 50个活力和动感的网页设计－颜色的灵感 （累计阅读 34,442）
  2. 视觉设计前瞻实用性研究（PNVD） 第二期 （累计阅读 12,977）
  3. 各公司对前端开发的职位描述 （累计阅读 10,405）
  4. iframe大小自适应 （累计阅读 10,057）
  5. 浏览器的渲染原理简介 （累计阅读 8,377）
  6. 解决IE6从Nginx服务器下载图片不Cache的Bug （累计阅读 8,357）
  7. 程序员眼里IE浏览器是什么样的 （累计阅读 8,011）
  8. 2010网页设计趋势 （累计阅读 7,818）
  9. Web前端工程师编程能力飞升之路 （累计阅读 7,691）
  10. 颜色的代码表达式 （累计阅读 7,665）