Div没有与图片扩大

我有一个div，当我把一个图片，在该潜水内，只设置图片的宽度，以便它可以有适当的比例div不会扩大到div的大小其在？Div没有与图片扩大

请帮忙吗？

（如果您运行下面的代码，我想粉色DIV扩大，当我添加任何东西进去）

非常感谢！

HTML

<html> 
<head> 
    <title>test</title> 
    <link rel="stylesheet" type="text/css" href="main.css"> 
</head> 
<body> 
    <div class="gigantic"> 
     <div class="main"> 
      <div class="twitterPP"> 
       <img src="https://si0.twimg.com/profile_images/2015016150/petecashmoreavatar_normal.png"> 
      </div> 
      <div class="mainMedia"> 
       <img src="http://rack.1.mshcdn.com/media/ZgkyMDEzLzAzLzA4LzY1L2F0dC4yZjU4Mi5qcGcKcAl0aHVtYgk5NTB4NTM0IwplCWpwZw/91fe06f6/108/att.jpg"> 
      </div> 
     </div> 

     <div class="main"> 

     </div> 
    </div> 
</body> 
</html>

CSS

.gigantic 
{ 
    width: 900px; 
    margin-right: auto; 
    margin-left: auto; 
    background-color: #0f0; 
    padding: 6px; 
    margin-top: 100px; 
} 

.main 
{ 
    width: 800px; 
    background-color: #f0f; 
    margin-right: auto; 
    margin-left: auto; 
    margin-bottom: 100px; 
} 

.twiterpp 
{ 
    width: 60px; 
    float: left; 
    margin-right: 50px; 
    margin-left: 50px; 
} 

.twitterpp img 
{ 
    width: 55px; 
    height: 55px; 
    border-radius: 3px; 
    margin-left: 6px; 
    margin-top: 6px; 
    position: relative; 
} 

.mainMedia 
{ 
    float: right; 
    width: 700px; 
} 

.mainMedia img 
{ 
    width: 700px; 
}

来源

2013-03-09 user1754324

您可以使用高度：自动;当图像改变时自动设置div的高度。如果您想自动设置宽度，宽度也相同。

当你输入.twitterpp时，它应该是.twitterPP。避免为类和ID使用大写字母。

来源

2013-03-09 20:39:23 Bazinga777

对不起，我有现在添加的代码 – user1754324 2013-03-09 20:44:57

看看这个http://jsfiddle.net/UcKdn/你会知道什么t做的。我改变了主div的大小，让我的照片适合里面。我想你的照片不会那么大。 – Bazinga777 2013-03-09 21:00:34

尝试设置这样的 -

HTML

<div class="img-box"></div>

的CSS -

.img-box { 
background-image: url(images/yourimg.gif); 
background-repeat: no-repeat; 
width: 100px; 
padding: 0px 0px 0px 0px; 
}

然后设置宽度符合自己的喜好和填充控制图像位置

来源

2013-03-09 20:49:23

Div没有与图片扩大

回答

相关问题