将内容放入正文时出现 html 问题

标签 html css

因此,我正在尝试向网站添加一些内容,当我放置新内容时,当我更改新内容的边距时,其他内容会向下移动。我究竟做错了什么?

这是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}

最佳答案

逐字逐句地理解你的句子:“所以我试图找出一种方法来将东西保持在锁定位置”

p.something{
position: fixed;
}

p.something{
position: absolute;
}

应该可以帮助你,这取决于你到底想要什么。 (p.somehting 是您希望固定在页面/浏览器窗口某处的员工)

关于将内容放入正文时出现 html 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9277519/

相关文章:

javascript - 带有 SQL 问题的 HTML Perl 更新按钮

html - CSS3:文本渐变属性

html - “A” 标签包装 “IMG” 似乎大小不正确。 (32 * 32px 显示为 38 * 21px)

html - 将格式化文本(包括源代码)输出为 LaTeX、PDF 和 HTML

html - CSS - 当链接的 img 显示 : block 时事件链接断开

javascript - 如何调试哪个脚本正在尝试使用 Geolocation API?

html - CSS `height: calc(100vh);` 与 `height: 100vh;`

css - 是否可以在水平面上制作 CSS3 列?

css - 为什么响应式网页设计是 12 列网格?

javascript - 在窗口调整大小时,根据其容器保持子元素水平对齐,并根据其他子元素保持左对齐