ie6的又一个变态问题

html代码如下:

<div id="items_name" class="clearfix" >
              <span style="227px;text-align:left;padding-left:15px;>课程名称</span>
              <span style="146px;">单价</span>
              <span style="128px;">状态</span>
              <span style="112px">总计</span>
              <span style="82px;">操作</span>
            </div>

css代码如下:

.info_content #items_name{
 710px;
 height:33px;
 line-height:33px;
 border-bottom:1px solid #ccc;
 background-color:#f5f5f5;
 }
.info_content #items_name span{
 display:block;
 float:left;
 height:33px;
 color:#444;
 text-align:center;
 }

这样设置标准浏览器是没问题的,也就是使用w3c标准盒子模型的浏览器是没问题的。外面div的宽度710px刚好等于里面几个span宽度的总和加上

第一个span的左边距15px. 表准浏览器下显示没问题,如下:

可在ie6下却变态的显示:

就针对ie6写hack就好了,

<div id="items_name" class="clearfix" >
              <span style="227px;text-align:left;padding-left:15px;_padding-left:0;_text-indent:8px;" >课程名称</span>
              <span style="146px;">单价</span>
              <span style="128px;">状态</span>
              <span style="112px">总计</span>
              <span style="82px;">操作</span>
            </div>

人生短短几十年,要在有限的生命里多做店有意义的事情。莫要让自己迎合别人的眼光活着。随心而为,听从心的声音。讨好自己,悠哉悠哉!
原文地址:https://www.cnblogs.com/jiaojiaome/p/3571740.html