本文にコンテンツを配置する際の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> 

と言葉によって、あなたの文章の単語を取ることで

.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

を行くCSSのサンプルコードです：「私は方法を把握しようとしていましたロックされた位置にものを保つために」

p.something{ 
position: fixed; 
} 

OR

p.something{ 
position: absolute; 
} 

は、正確に何を持っているかによって異なります。

Answer 2

ラッパーを使用して、すべての要素から1つの余白左を削除し、ラッパーに適用するだけで、必要な方法でラッパーに適用します（例：ページ/ブラウザーウィンドウのどこかに固定したいスタッフ）。

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

一度それを設定し、この例を参照してください。