|
蓝森林 http://www.lslnet.com 2006年8月25日 8:28
 DIV宽设成100%后.页面被表格充开,DIV百分比不正常
这是一个层与表格共用的页面.表格和层都是用百分比来控制的.
但当表格内数据超长,出面滚动条时.层的百分比显示就不正常.
我个人认为IE就认为DIV的100%就只有这个宽,不会算表格超出的部分!!!
但是你拉动窗口大小.DIV宽度会适用变化!!!!
有方法让DIV百分比正常吗!
[b]请把窗口缩小来看.向右拖滚动条看.上面的蓝色DIV是不没有了![/b]
[html]
<style type="text/css">
<!--
.ban {
height: 50px;
width: 100%;
background-color: #003399;
}
.data {
width: 100%;
}
.dig {
margin: 10px;
}
-->
</style>
</head>
<body>
<div class="dig">
<div class="ban">此处显示 class "ban" 的内容</div>
<table border="1" cellpadding="0" cellspacing="0" class="data">
<tr>
<td nowrap="nowrap">数据把表格充长了数据把表格充长了数据把表格充长了</td>
<td nowrap="nowrap">21321</td>
<td nowrap="nowrap"> </td>
<td nowrap="nowrap">数据把表格充长了</td>
<td nowrap="nowrap">32132321321321</td>
<td nowrap="nowrap">数据把表格充长了</td>
<td nowrap="nowrap">数据把表格充长了</td>
<td nowrap="nowrap">数据把表格充长了</td>
<td nowrap="nowrap">数据把表格充长了</td>
<td nowrap="nowrap">数据把表格充长了</td>
</tr>
<tr>
<td>fdsafdsaf</td>
<td> </td>
<td> </td>
<td> </td>
<td>fdsafdas</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>fsdafdas</td>
<td> </td>
<td> </td>
<td>fdsafdsa</td>
<td> </td>
<td>fdsafdas</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td>fdsafdsafd</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>fdsafdas</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<div class="ban">此处显示 class "ban2" 的内容</div>
</div>
</body>
[/html]
|
关于DIV+CSS不能100%宽的问题.与表格有关!
怎么贴原码啊! |
| http://bbs.blueidea.com/faq.php?page=misc#1 |
| 有人遇到种情况不1 |
这种效果不知道你满意吗？
[html]
<style type="text/css">
<!--
.ban {
height: 50px;
width: 100%;
background-color: #003399;
}
.data {
width: 100%;
}
.dig {
margin: 10px;
}
.hutia {
overflow:auto;
width: 100%;
}
-->
</style>
</head>
<body>
<div class="dig">
<div class="ban">此处显示 class "ban" 的内容</div>
<div class="hutia">
<table border="1" cellpadding="0" cellspacing="0" class="data">
<tr>
<td nowrap="nowrap">数据把表格充长了数据把表格充长了数据把表格充长了</td>
<td nowrap="nowrap">21321</td>
<td nowrap="nowrap"> </td>
<td nowrap="nowrap">数据把表格充长了</td>
<td nowrap="nowrap">32132321321321</td>
<td nowrap="nowrap">数据把表格充长了</td>
<td nowrap="nowrap">数据把表格充长了</td>
<td nowrap="nowrap">数据把表格充长了</td>
<td nowrap="nowrap">数据把表格充长了</td>
<td nowrap="nowrap">数据把表格充长了</td>
</tr>
<tr>
<td>fdsafdsaf</td>
<td> </td>
<td> </td>
<td> </td>
<td>fdsafdas</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>fsdafdas</td>
<td> </td>
<td> </td>
<td>fdsafdsa</td>
<td> </td>
<td>fdsafdas</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td>fdsafdsafd</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>fdsafdas</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div class="ban">此处显示 class "ban2" 的内容</div>
</div>
</body>
[/html] |
| 谢谢班猪.我思路不对.总想在DIV上着手.这样解决也是个方法. |
|
