html - 固定位置(标题)...需要更正以下所有部分的位置吗?

标签 html css css-position fixed

HTML5/CSS3
一个更好理解编码的问题,新手

在端口 View 的顶部修复了标题。它运行良好,但从现在开始我必须更正所有以下部分/div 以将其置于屏幕上的位置,我想要它。
这种行为对我来说很有意义,因为 position:fixed/absolute 将元素从流中移除。
但是...有没有办法再次进入正常流程,这样我就不需要告诉每个元素 position: relative 或 absolute 它应该停留在哪里?事实上,一旦我使用 position:fixed/absolute,我必须更正所有以下内容/部分/divs?
你如何处理这种情况?
这对我来说不是什么大问题,但它会破坏我的代码并使其变得更难看。如果不是不必要的,我想避免它......

最佳答案

您可以根据父位置相对定位绝对位置。

<div style="position:relative;background:#ccc;width:400px;height:400px;">
  <div         style="position:absolute;left:80px;top:50px;width:200px;height:200px;background:#000 ">

  </div>
</div>

位置根据窗口页面固定,元素固定在窗口页面。

<div style="position:fixed;left:200px;top:200px;background:#000;width:200px;height:200px;">
</div>

关于html - 固定位置(标题)...需要更正以下所有部分的位置吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44226604/

相关文章:

javascript - 使用 javascript 将不同选择的选项存储到数组中

javascript - 如何将数据列表分配给输入?

html - 尝试创建表格布局不适用于 CSS

php - 在网页上创建动态网格系统

css - 定位在绝对定位的div下

javascript - 某些 HTML 字符实体仅在 Firefox 中很大

html - 使用 materialize css .col div 来创建(不应遵循行线)以制作如下图所示的内容

html - 本 map 片Base64转换报错Javascript

html - flex 盒子的问题

html - IFRAME 内的 Flash 在 Safari 上中断位置 :fixed elements