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;
}

应该帮助你，具体取决于你想拥有什么。（请告诉您希望在页面/浏览器窗口某处修复的工作人员）

Answer 2

使用包装器，从所有元素中删除单个margin-left，将它们应用到包装器，这样你只需要设置一次

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

见这个例子。

将内容放入正文时的html问题

2 个答案: