將內容放入正文時出現html問題

Question

因此，我試圖向網站添加一些內容，並且當我放置新內容時，其他內容會在更改新內容的邊距時向下移動。我究竟做錯了什麼？

下面是HTML

<ul class="listing"> 
<li><a href="R">R</a></li> 
<li><a href="I">I</a></li> 
<li><a href="V">V</a></li> 
</ul> 

<p class ="something"> 
<a href="R.jpg"><img src="r.jpg"/></a> 

</p> 

的示例代碼和CSS，這與它

.listing li{display: inline} 
ul.listing{margin-left: 200px; 
     background: gray; 
     box-shadow: 0 0 20px #457; 
     width: 600px; 
     margin-top: 200px; 
     } 
p.something{background: white; 
    margin: auto; 
    margin-top: 100px; 
    margin-left: 200px; 
    padding: 10px; 
    width: 920px; 
    box-shadow: 0 0 20px #457} 

Answer 1

由字以你的一句詞雲：「所以我試圖找出一個辦法讓東西在鎖倉」

p.something{ 
position: fixed; 
} 

OR

p.something{ 
position: absolute; 
} 

應該幫助你，具體取決於你想要的東西。 （p.somehting ist你想要在你的頁面/瀏覽器窗口某處修復的工作人員）

Answer 2

使用包裝，從所有元素中刪除單個餘量，將它們應用於包裝，這樣，只需要設置一次

http://jsbin.com/ejepoc/1/

看到這個例子。