Question

我有问题将图像对齐div的右侧没有边距或填充，图像应该使用div的右边框向右刷新。我尝试了所有我知道但没有用的东西。希望有人为我解决这个问题。谢谢这是代码

HTML

  <div class="col-1-3">
  <img src="http://city.kermanemajazi.ir/i/attachments/1/1413914460279666_large.jpg" alt="Image" id="image">
  <h2> Heading </h2>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id quisquam           fugit maxime repellat corporis ipsa, a placeat! Nihil commodi asperiores   reiciendis provident laboriosam, sit error!
  </p>
  <a href="#"> Learn More </a>
</div>

CSS

body
{
width: 100%;
margin: 0;
padding: 0;
}
.col-1-3
{
width: 320px;
border: 1px solid red;
text-align: center;
padding: 0;

}

.clip
{
 padding-right: 0;
 margin-right: 0;
}

以下是示例代码的jsbin链接 JsBin Example Code 感谢

Answer 1

只需将其添加到您的CSS

即可

.clip img {
  float: right;
}

以下是有关css中浮点数的文档： float

您更新的脚本： JS Bin

Answer 2

您应该在float:right;的CSS中添加.clip 这是更新的例子 JSBIN

图像未与div的右侧对齐

2 个答案: