Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 动态CSS-移动图像_Php_Css - Fatal编程技术网

Php 动态CSS-移动图像

Php 动态CSS-移动图像,php,css,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;

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

p、 首先{
背景色:#ffffff;
宽度:25px;
高度:25px;
溢出:隐藏;
位置:固定;
底部:0px;
右:px;
边际:0px;
填充:0px;
}


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

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

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


p、 首先{
背景色:#ffffff;
宽度:25px;
高度:25px;
溢出:隐藏;
左:px;
边际:0px;
}

这是我回答的关于在屏幕上创建点的问题,对吗

代替p.first,先做img.first,然后去掉p标签


可能还希望在顶部和左侧工作,而不是在底部和右侧,这样您就有了一个原点在左上角的x y坐标系,但这只是一个偏好问题。

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

谢谢你的提示,设法改进了它

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