填充底部不起作用

Question

如何使img在右侧浮动，底部填充为50px？

当我插入代码时，图像底部只有50像素的空白区域。

section img{
    float: right;
    padding-right: 50px;
    padding-bottom: 50px;
}

<section>
    <img src="if_60-rss_104443.png">
</section>

Answer 1

您忘了添加@Produces("text/html; charset=ISO8859-1") 元素。在CSS中，您将样式应用于section元素内的img，只需将其添加到您的html：

＆＃13;

＆＃13;

section

＆＃13;

section img {
  float: right;
  padding-right: 50px;
  padding-bottom:  50px;
}

＆＃13;

＆＃13;

＆＃13;

Answer 2

如果您只想对齐部分中的图像，可以使用text-align。

＆＃13;

＆＃13;

len([a for a in zip(list_one, list_two) if a == ('tech', 'yes')])

＆＃13;

section {
    text-align: right;
    padding-right: 50px;
    padding-bottom: 50px;
}

＆＃13;

＆＃13;

＆＃13;

Answer 3

您的CSS规则仅适用于图片位于section元素内的情况。然后它按预期工作（我添加了一个红色边框来演示它）：

＆＃13;

＆＃13;

section img {
  float: right;
  padding-right: 50px;
  padding-bottom: 50px;
  border: 1px solid red;
}

＆＃13;

<section>
  <img src="http://placehold.it/200x200/555">
</section>

＆＃13;

＆＃13;

＆＃13;