1. 爱易网页
  2. HTML教程
  3. CSS+DIV式样时，如果div值为空，仍然占位。CSS大神来看看！

CSS+DIV式样时，如果div值为空，仍然占位。CSS大神来看看！

日期：2014-05-16　 浏览次数：21000 次

CSS+DIV样式时，如果div值为空，仍然占位。CSS大神来看看！！
<html>
    <head>
        <title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<style>
.div_tab {
}
.div_tab .cell {
float: left;
margin-left: 5px;
word-break: break-all;
word-wrap: break-word;                                             
}
/* 五列 */
.div_tab .cell.w_03 {
width: 17%
}

.clear {zoom:1; clear:both;}
</style>
    </head>
    <body>

<hr />
<div class="div_tab">
<div class="cell w_03">XXXXXX</div>
<div class="cell w_03">XXXXXX</div>
<div class="cell w_03">XXXXXX</div>
<div class="cell w_03">XXXXXX</div>
<div class="cell w_03">XXXXXX</div>
<div class="clear" />
<div class="cell w_03">XXXXXX</div>
<div class="cell w_03">XXXXXX</div>
<div class="cell w_03">XXXXXX</div>
<div class="cell w_03">XXXXXX</div>
<div class="cell w_03">XXXXXX</div>
<div class="clear" />
<div class="cell w_03">XXXXXX</div>
<div class="cell w_03">XXXXXX</div>
<div class="cell w_03"></div>
<div class="cell w_03"></div>
<div class="cell w_03">XXXXXX</div>
</div>
  
    </body>
</html>

红字部分值为空时，后面的会占据前面的空值得位置。
现在的要求就是空的值 空着 但是还是占据着位置  xxxxx
第三行的  第三四列为空 ，第五列 才显示 


------解决方案--------------------
div给min-height:1px;

相关资料更多>

  1. 见过head写的东西会跑到body里面的本论坛不超过3个,该怎么处理
  2. 以天上白云为灵感的网页设计
  3. HTML的另类施用
  4. html 安插优酷视频
  5. 解决IE上CSS背景图片闪烁的Bug
  6. CSS 菜单式样
  7. WIN7下IETester IE6 7 PNG图片全是叉叉解决方法
  8. 学习HTML是网页制造必经之路
  9. struts中<html:radio>标签默许选中的解决方案