CSS – 宽度不在span标记上

我有一个问题,我的一个跨度。请cosider以下样式:
.form_container .col1che
{
float: left; 
width: 4%; 
text-align: left;    
}

.form_container .col2che
{
float: left; 
width: 80%; 
text-align:left;
}

.form_container .col3che
{
float: right; 
width: 13%; 
text-align:right;
}

这三个跨度在我的代码

<div class="row"><!-- start: "row" -->
     <span class="col1che">        
          <?PHP  //some db Feeds    ?>        
     </span>
     <span class="col2che">
          <?PHP  //some db Feeds    ?>
     </span>
     <span class="col3che">
          <?PHP  //some db Feeds    ?>
     </span>
     <div class="clear"></div>
</div><!-- end: "row" -->

当没有数据在“COL1CHE”(或甚至在其中任何一个,虽然我不确定),当没有数据,这个范围“崩溃”,其宽度不被遵守时,会出现问题。这发生在Firefox,在IE它不“崩溃”。

包括一个“明确”类,看看这是否有帮助,但没有效果

有任何想法吗?

解决方法

显示:块在这里不会帮助,因为当float激活,元素会自动切换到块模式,无论其初始模式,所以你的宽度应该工作。

问题可能是空的< span>标签,可能不会呈现,因为一些晦涩的规则我不记得。你应该尝试防止你的span是空的,也许通过添加& nbsp;如果内容为空。

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效