Question

嘿伙计们，我在div上有一个盒子阴影。

    #overviewDiv {

        -webkit-box-shadow:0 40px 40px -40px #AAA;
        -moz-box-shadow:0 40px 40px -40px #AAA;
        box-shadow:0 40px 40px -40px #AAA;

    }

<div id="overviewDiv" >       
    <br />

    <table class="display" id="pkgLineTable"  >
        <thead> 
            <tr>        
                <th style="width:120px">&{'views.overview.location'}</th>                 
                <th style="width:200px">&{'views.overview.linename'}</th>
                <th style="width:200px">&{'views.overview.description'}</th> 
                <th style="width:200px">&{'views.overview.linestatus'}</th> 
            </tr> 
        </thead>
    </table>
</div>

框阴影通常看起来很好，有10行左右，但如果没有，它就不能正确显示。

enter image description here

在这张照片中，影子在桌子底下。我不知道该怎么做才能解决这个问题。谢谢你的帮助。

修改

http://jsfiddle.net/jZvqe/7/

Answer 1

我不明白究竟是什么问题，可能有助于知道datatables创建了一个包含类dataTables_wrapper的div，它包围了表（我认为它介于你的div和你的表中的表之间）并且有一个min_height为302px，高度为302px。数据表的创建者说他这样做是为了避免混乱，但是当你的行数很少时，这会产生一些奇怪的效果。

所以我通常在我的css中添加这个：

.dataTables_wrapper {
   _height: 102px;
   min-height: 102px;
}

小心在demo_table.css之后导入的css文件中声明这个。

我通过删除一些行来编辑这个小提琴：http://jsfiddle.net/jZvqe/8/ - ＆gt;你有特洛伊木马

添加了CSS行：http://jsfiddle.net/jZvqe/9/ - ＆gt;投影是可以的

Answer 2

似乎overviewDiv以某种方式具有最小高度。无论如何，br标签在那里做什么，也许这会迫使div增长？很难知道这么少的信息...

div包含表格上的box-shadow问题（高度问题）

2 个答案: