動態CSS - 移動圖像

這個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>

來源

2011-03-23 user659822

避免在這種情況下使用位置屬性。嘗試使用保證金/填充，以「動我的形象一點從右邊距至左」

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

來源

2011-03-23 04:12:11

我用你的代碼，它仍然無法正常工作。 – user659822 2011-03-23 04:17:56

我會推薦一個浮動而不是固定的位置。你可以這樣做：

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

來源

2011-03-23 04:12:04 regex

這是在屏幕的問題我回答，右邊的創建點？

而不是p.first，做img.first，只是擺脫p標籤。

可能還希望在頂部和左側而不是底部和右側工作，以便您有一個xy座標系，原點位於左上角，但這只是一個偏好問題。

來源

2011-03-23 04:20:07 Phoenix

再次感謝您的提示！ – user659822 2011-03-23 04:29:13

問題解決了。我討厭這樣說，但問題是我之前把它保存爲「.html」，我完全忘了它。

感謝您的提示，設法改進它！

來源

2011-03-23 04:31:25 user659822

動態CSS - 移動圖像

回答

相關問題