我怎样才能适应＆＃39; div＆＃39;进入那个＆＃39; div＆＃39;？

Question

我必须修复一个＆＃39; div＆＃39;元素的身体正确而无法做到。

我的CSS代码是

.bgImageMobile {
    height: 670px !important;
    width: 455px !important;
    background-size: 425px contain;
    background-image: url('./nexus600.png');
    padding-bottom: 0px;
    align: center !important;
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px; } 

.dynamicWidgetDivMobile {
    height: 647px !important;
    width: 407px !important;
    padding: 59px 36px 49px 22px !important;
    margin: 0px 27px 0px 0px;
    FLOAT: LEFT; }

我的div和它的身体看起来像这样

我的实际HTML

<div id="mobileDiv" class="bgImageMobile" ng-show="showMobile" align="center">   <div id="innerDiv" class="dynamicWidgetDivMobile">

<iframe
 src="mobilePreview.jsp?dt=dt&wid=wid"   
        style="zoom:0.60;height:100%;width:100%;min-height:750px;"  
 width="99.6%" frameborder="0"></iframe>    </div> </div>

我在JSP页面中以innerHTML格式编写了这个HTML代码。

我需要将内容正确地对齐到div中，并且必须在div中显示标记的边框。

我的实际HTML

<div id="mobileDiv" class="bgImageMobile" ng-show="showMobile" align="center">   <div id="innerDiv" class="dynamicWidgetDivMobile">

<iframe
 src="mobilePreview.jsp?dt=dt&wid=wid"   
        style="zoom:0.60;height:100%;width:100%;min-height:750px;"  
 width="99.6%" frameborder="0"></iframe>    </div> </div>

我在JSP页面中以innerHTML格式编写了这个HTML代码。

Answer 1

确保您的内容div位于您应用对齐的div中。

例如：

.bgImageMobile {
    height: 670px !important;
    width: 455px !important;
    background-size: 425px contain;
    background-image: url('./nexus600.png');
    padding-bottom: 0px;
    text-align: center;
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px; } 

.dynamicWidgetDivMobile {
    float: left;
    height: 100%;
    width: 100%;
    padding: 5px;
     }

您的最小高度：iframe中的750px不能为750px，因为在CSS容器中的高度为647px;

更改CSS：

J = imnoise(I,'gaussian',M,V) % I is the image to add the noise