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

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

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

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. 怎样给层加上边框呀？解决思路
  2. 惯用的Struts html-taglib简单说明
  3. 用div+css怎么等效如下表格
  4. CSS 选择器针对性有关问题 求高手解答
  5. 一个关于js 定义小括号的有关问题，高人救小弟我
  6. Div+CSS始终正当中的半透明弹出层
  7. 大神来抢救：关于background-image无法显示
  8. JavaScript现实应用：innerHTMl和确认提示的使用
  9. CSS之float在IE浏览器下换行有关问题