在 relative 中使用 position:absolute 会在打印、屏幕阅读器和移动用户中产生问题吗？
或 float + margin + Padding 如果我们需要在屏幕、打印以及屏幕阅读器和移动用户方面有良好的兼容性，仍然是最好的，我应该少用 Position 吗？
最佳答案
屏幕阅读器完全忽略通过 CSS 定位元素。在决定首先阅读什么时，他们会使用元素在 DOM 中出现的顺序。
考虑以下示例:
<p style="position:absolute;top:100;left:0">Foo</p>
<p style="position:absolute;top:0;left:0">Bar</p>
从视觉上看，“Bar”段落首先出现，因为我们使用 CSS 将它定位在另一个段落之上。但屏幕阅读器将忽略 CSS，只阅读“Foo”段落和“Bar”段落。
所以回答您的问题，是的，它可能适合屏幕阅读器用户。但是，请注意元素的顺序，并确保按该顺序阅读时页面仍然有意义。
对于 position:fixed，这将取决于您的目标浏览器。例如，IE6 不支持“固定”定位。由于视口(viewport)的大小有限，大多数手机也没有(移动版 Safari 在 iPhone 上肯定没有)。
关于css - 使用位置 :absolute inside relative can create problems in Print , 屏幕阅读器和移动用户？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2535697/