どうすれば 'div'のボディコンテンツをその 'div'に合わせることができますか？

Question

私はdiv要素のボディを正しく修正しなければなりません。

私の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> 

のように見える私はinnerHTMLプロパティに、このHTMLコードを書いていますJSPページ内の書式

divにコンテンツを正しく配置する必要があり、divの内側にマークを付ける必要があります。

<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> 

---

私の実際のHTMLは、私は、JSPページ内のinnerHTMLの形式で、このHTMLコードを書きました。

Answer 1

コンテンツのdivがalignの内側にあることを確認してください。

例：

<div id="mobileDiv" class="bgImageMobile" ng-show="showMobile"> 
    <div id="innerDiv" class="dynamicWidgetDivMobile"> 
    <iframe src="mobilePreview.jsp?dt=dt&wid=wid" style="zoom:0.60;height:100%;width:100%;"frameborder="0"></iframe> 
    </div> 
</div> 

あなたのmin-height：あなたのCSSコンテナの高さが647pxであるので、ここでのiframe内750pxが750pxにすることはできません。

あなたのCSSに変更

：

.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; 
    }