当我添加课程" img-responsive"对于图像标签,我的图像变得很大,不再适合我的div

时间:2014-11-12 04:51:16

标签: twitter-bootstrap

我的图片包含在我的DIV中。当我添加课程" img-responsive"对于图像标签,我的图像变得很大,不再适合我的div。我正在使用Bootstrap 3.3.0

<img class="img-responsive" id="groupaImage" src="Images/set1-hip-2car.jpg" class="imageright" style="position: absolute; z-index: 1;"/>

.imageright {   
height:auto;
width:auto;
float: left;
padding-right: 5px;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 5px solid #9c9c9c;
}   

1 个答案:

答案 0 :(得分:0)

我不知道你在这做什么

你有两个班级?

像这样使用

<img class="img-responsive imageright position-absolute" id="groupaImage" src="Images/set1-hip-2car.jpg"/>

.imageright {   
 height:auto;
 width:auto;
 float: left;
 padding-right: 5px;
 border-radius: 5px 5px 5px 5px;
 -moz-border-radius: 5px 5px 5px 5px;
 -webkit-border-radius: 5px 5px 5px 5px;
 border: 5px solid #9c9c9c;
}   

.position-absolute{
 position: absolute; 
 z-index: 1;
}

但是我认为这也行不通,因为你有绝对的元素并且浮动了吗?