如何在屏幕右側放置div元素

我試圖讓這個div一直到屏幕的右側。下面是HTML：如何在屏幕右側放置div元素

<html> 
<head> 
    title></title> 
    <link rel="stylesheet" type="text/css" href="../css/style.css"/> 
</head> 
    <h1> </h1> 
<body> 

<div id="bannerR"> 
<a href="yahoo.com" target=_blank> 
<img src="yahoo.com" border=0></a> 
</div>

而這裏的style.css

 #header{background-color: #fff; width: 1000px; position: relative; } 

    #bannerL{ position: relative; top: 500px; left: 500px; } 
     #bannerR{ position: relative; float: right; } 



     body { 
    background-image: url("beach.gif"); 
    background-repeat: no-repeat; 
     background-attachment: fixed; 
    background-position: center; 
    margin-top:100px; 
    margin-right:180px; 
    margin-bottom:10px; 
    margin-left:200px;

}

請大家幫忙，林在代碼很新的，買了一本書，但處理不當幫助。我花了幾個小時試圖得到這個並沒有用。

來源

2013-12-13 user3089861

這是你的整個HTML文件？樣式表是否鏈接到HTML？ – MxyL

http://jsfiddle.net/KV4RM/這是你的輸出嗎？ –

爲什麼你的'body'標籤有空白？我猜如果你刪除了「margin-right：180px」，你的'＃bannerR'將會一路向右。 – disinfor

你body樣式包含margin-right:180px。因爲#bannerR永遠不會一直漂浮到右邊。刪除該風格，它會起作用。下面是一些代碼：

body { background-image: url("beach.gif"); background-repeat: no-repeat; background-attachment: fixed; background-position: center; }

這裏有一個小提琴來顯示它在證明：http://jsfiddle.net/rzKaz/1/

來源

2013-12-13 21:23:39 disinfor

此外，你的HTML在''_blank「'和'border =」0「'周圍缺少一些引號' – disinfor

好的，謝謝。我會如何對此進行覈對？ #bannerL {position：relative;頂部：500px; left：500px; } 另外，你知道任何好的網站學習，所以我不必再問問題嗎？ – user3089861

和我現在做什麼關於寬度和高度？ – user3089861

確保您的DIV不包含空間有限單元內（不跨越頁的整個寬度）

來源

2013-12-13 20:57:02

我編輯了詩句，你說的是什麼這個殘缺的空間？ – user3089861

確保你的CSS文件鏈接到HTML，以便瀏覽器知道什麼CSS您正在使用的文件。

<html> 
    <head> 
    <link rel="stylesheet" type="text/css" href="your_style.css"> 
    </head> 
    <body> 
    <!-- YOUR HTML --> 
    </body> 
</html>

來源

2013-12-13 20:59:19 MxyL

如何在屏幕右側放置div元素

回答

相關問題