Question

我尝试删除模态底部的一些空格没有成功：

<div class="modal fade" id="ModalDetails" role="dialog" >
<div class="modal-dialog modal-lg">

    <!-- Modal content-->
    <div class="modal-content" style="background-color:red;margin:0px;padding:0px;">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4 class="modal-title"><i class="fa fa-user-plus fa-3x pad-r-10"></i>Informations détaillées d un compte</h4>
        </div>
        <div class="modal-body pad-0">
            <iframe id="If_accountdetails" name="If_accountdetails" width="100%" height="400" style="overflow-x:hidden !important;border: 0px;" class="noborder" src="about:blank"></iframe>
        </div>
    </div>

</div>

我们可以看到与模态内容相对应的红线，尽管有一个边距和填充到0px： Modal with space (red)

有谁知道如何删除此空间？

感谢。

Answer 1

这是一个猜测（请提供一些CSS），但我认为问题是iframe。 iframe是“内嵌框架”，因此它们受行高，垂直对齐和空白的影响。尝试将display:block添加到iframe以覆盖此行为，红色间隙应消失。

Bootstrap模态删除底部的一些空间

1 个答案: