图像在块内部被切割

时间:2017-03-23 06:18:22

标签: html css

图像必须超出块.column,而不是切割。

图片850px

.column 225px

图片应该完全加载

如何使图片完全加载?

项目很大,但布局是这样的:

.content { display: inline-block; }
.column {float:right; width:225px;}

.slider {
  width: auto;
  max-width: inherit;
}

.slider img {
  width: auto;
  max-width: inherit !important;
  max-height: inherit !important;
}
<div class="content">  
    <div class="column">
      <div class="slider">
        <div><img src='https://s-media-cache-ak0.pinimg.com/736x/2c/d0/19/2cd0197c5eb8c1f84e81734f97e80cd3.jpg' /></div>
      </div>
    </div>
  </div>

安装slick滑块后发生这种情况。在此行为正常之前。

1 个答案:

答案 0 :(得分:0)

也许这就是你要找的东西。

.content .column {overflow:visible;}