动态CSS - 移动图像

时间:2011-03-23 04:02:15

标签: php css

这个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>

4 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

我建议浮动而不是固定定位。你可以这样做:

float: right;
margin-right: <?php echo $var; ?>px;

答案 2 :(得分:0)

这是针对我回答的屏幕问题上的创建点,对吗?

而不是p.first,请执行img.first并删除p标签。

也可能想要在顶部和左侧而不是在底部和右侧工作,这样你就有一个x y坐标系,其原点位于左上角,但这只是一个偏好问题。

答案 3 :(得分:0)

问题解决了。我不想这么说,但问题是我之前把它保存为“.html”,我完全忘了它。

感谢您的提示,设法改进它!