合適的圖像裏面div

我有一個三div區塊內的主div，這是頭，內容和頁腳。
我已經面臨的是幾個問題：
（1）圖像不裏格fiting
意味着我試圖找到代碼這種情況：合適的圖像裏面div

<div style="height:10%"> 
    <img src="abc.jpg" height="100%"> 
</div>

和
（2）我有一個div這個高度是80%，在這個div我把三個div的高度是20%, 60%, 20%.DG的高度是60%沒有數據我寫它爲margin（意思是第一格20% height有數據然後60% height for space然後另一個div有數據），那麼如何實現它？

（如果可能的話，請建議不使用margin-up or bottom

HTML code:

<div class="homebackground" style="height:100%; width:100%; background-image:url(../../stylesheets/images/Logo_with_Blu_bg.png); background-size:98% 88%"> 

<div class="bodyhead"> 
    <img src="../../stylesheets/images/user_male.png"/> 
</div> 

<div style="height:80%"> 

    <div style="width:100%"> 
    <div class="mainbodyup" align="right"> 
     <img src="../../stylesheets/images/phone.png"/> 
    </div> 
    <div class="mainbodyup">&nbsp;</div> 
    <div class="mainbodyup"> 
     <img src="../../stylesheets/images/groupchat.png"/> 
    </div> 
    </div> 

    <div style="height:60%; clear:both;" class="a"> 
    <div class="mainbodymid"></div> 
    <div class="mainbodymid"></div> 
    <div class="mainbodymid"></div> 
    </div> 

    <div style="width:100%"> 
    <div class="mainbodybot" align="right"> 
     <img src="../../stylesheets/images/recent.png"/> 
    </div> 
    <div class="mainbodybot">&nbsp;</div> 
    <div class="mainbodybot"> 
     <img src="../../stylesheets/images/search.png"/> 
    </div> 
    </div> 

</div> 

<div style="height:10%;"> 
</div> 

</div>

CSS:

.bodyhead 
{ 
    height:10%; 
} 
.bodyhead img 
{ 
    width: 10%; 
} 
.mainbodyup 
{ 
    height:20%; 
    width:33%; 
    float:left; 
} 
.mainbodyup img 
{ 
    width: 20%; 
} 
.mainbodymid 
{ 
    width:33%; float:left; padding:0px; 
} 
.mainbodybot 
{ 
    height:20%; 
    width:33%; 
    float:left; 
} 
.mainbodybot img 
{ 
    width: 20%; 
} 
.a:before 
{ 
    display: table; 
    content: " "; 
} 
.a:after 
{ 
    clear:both; 
    display: table; 
    content: " "; 
}

來源

2013-11-20 DS9

如果你想以適應在div整個圖像。請嘗試使用

style="background:url('image-url') no-repeat; background-size: 100%;"

爲div其中包含圖像。而是使用圖像對象。

來源

2013-11-20 11:53:34 Anobik

沒有b'coz lateraly我用這個圖片點擊事件，我不想背景images.your建議我已經在使用的東西是不適合我有用我的主要背景圖片。 – DS9

style="background:url('image-url') no-repeat; background-size: contain;"

使用此代碼。

來源

2013-11-20 12:02:22

在哪個地方？你的回答是針對我的第一個問題還是第二個問題？ – DS9

請參閱編輯代碼。 –

不是..我不是試圖找到的。我解釋說，我有一個div，它的類是bodyhead，它的高度是10％，但這個div裏面的圖像高度超過10％，意味着它不適合在div中。 – DS9

一個CSS添加到您現有的stysheet

html, body{ 
    height: 100%; 
}

來源

2013-11-20 12:13:33

合適的圖像裏面div

回答

相關問題