php - 动态 CSS - 移动图像

Question

这个 CSS 位应该将我的图像从右边距向左移动一点，但它没有。图像现在位于左边距。

<?php

$var=60;
?>

<style type="text/css">
p.first {
  background-color: #ffffff;
  width: 25px;
  height: 25px;
  overflow: hidden;
  position: fixed;
  bottom:0px;
  right: <?php echo $var; ?>px;
  margin: 0px;
  padding: 0px;
}

</style>

<p class="first"><img src="images.jpg" /></p>

Answer 1

避免在这种情况下使用位置属性。尝试使用边距/填充“将我的图像从右边距向左移动一点”

<style type="text/css">
    p.first {
        background-color: #ffffff;
        width: 25px;
        height: 25px;
        overflow: hidden;
        padding-left: <?php echo $var; ?>px;
        margin: 0px;
    }
</style>