Question

我的内部图像应该与外部div具有相同的高度。

我的代码是：

    @Override
    protected void onStart() {
        super.onStart();
        mGoogleApiClient.connect();
    }

    @Override
    protected void onStop() {
        super.onStop();
        if (mGoogleApiClient.isConnected()) {
            mGoogleApiClient.disconnect();
        }
    }

但是图像高度始终小于其父div高度。

我现在能做什么？我可以使用jquery / js或css来解决这个问题吗？

Answer 1

简单地写：

figure img {height:100%:}

Answer 2

<div>
   <div class="col_2_fifth" style='width:20%'>
      <figure>
         <img src="123.jpg-17eqp8a.jpg" width='100%' />
      </figure>
   </div>
   <div class="col_3_fifth">
      <div class="description">
          <p>....</p>
      </div>
   </div>
</div>

试试这个

Answer 3

您可以添加

img {
  vertical-align: top;
}

Answer 4

尝试编辑负责col_2_fifth和col_3_fifth的css文件。这将有助于您解决问题。

Answer 5

.col_2_fifth {
padding : 0px;
margin: 0px;
}

试试这个。

Answer 6

尝试使用CSS：

 .col_2_fifth {
      background: url(123.jpg-17eqp8a.jpg);
      background-size: 100% 100%;
 }

这将使用类col_2_fifth

将图像设置为div的背景来自Luthando Loot的评论中的链接是最佳解决方案

Answer 7

这应该有效：

.col_2_fifth, figure, figure img {
    padding: 0;
    margin: 0;
}

.col_2_fifth, figure img {
    height: 100%;
}

与外部相同的内部div图像高度

7 个答案: