将内容放入正文时出现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/

看到这个例子。