2014-10-29 47 views
0

這是我的代碼。我已經完成了CSS和HTML代碼,以便我將這個徽標圖像移到右側。不能移動html圖像,我不知道爲什麼

但是,圖像保持不變。我究竟做錯了什麼?

HTML代碼:

#logo { 
 
    width: 200px; 
 
    height: 200px; 
 
    position: absolute; 
 
    top: 0px; 
 
    right: 200 px; 
 
    border: 25px black; 
 
}
<html> 
 

 
<head> 
 
    <link rel="stylesheet" type="text/css" href="template.css"> 
 

 
</head> 
 

 
<body> 
 
    <div id="logo"> 
 
    <img src="LogoSIEM.PNG" alt="logo" style="width:200px;height:200px"> 
 
    </div> 
 

 
</body> 
 

 
</html>

+0

通過將圖像移動到右側,您究竟意味着什麼?一直到右側角落或者將它移動到正確的200px? – Sai 2014-10-29 02:19:31

回答

1

變化right: 200 px;right: 200px;

空間px之前是無效的,所以它不會承認它從右邊爲200像素。

0

使用float:正確的,而不是你已經嘗試在你的CSS做什麼....

#logo { 
 
    width: 200px; 
 
    height: 200px; 
 
    border: 25px black; 
 
    float:right; 
 
}
<html> 
 

 
<head> 
 
    <link rel="stylesheet" type="text/css" href="template.css"> 
 

 
</head> 
 

 
<body> 
 
    <div id="logo"> 
 
    <img src="LogoSIEM.PNG" alt="logo" style="width:200px;height:200px"> 
 
    </div> 
 

 
</body> 
 

 
</html>

相關問題