合适的图像里面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

回答

相关问题