在相对位置中使用绝对位置是否会在打印、屏幕阅读器和移动用户中产生问题？
在 relative 中使用 position:absolute 是否会在打印、屏幕阅读器和移动用户中产生问题？
如果我们需要在屏幕、打印以及屏幕阅读器和移动用户方面具有良好的兼容性，或者 float + margin + Padding 仍然是最好的，应该少一些使用位置？
Is use of position:absolute inside relative can create problems in Print ,screen-readers and for mobile users?
or float + margin + Padding is still best if we need good compatibility at Screen, Printing and for screen reader and mobile users, Should i less use Position?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
屏幕阅读器完全忽略通过 CSS 进行的元素定位。相反，他们在决定首先读取什么时使用元素在 DOM 中出现的顺序。
考虑以下示例：
从视觉上看，“Bar”段落首先出现，因为我们使用 CSS 将其放置在另一个段落之上。但屏幕阅读器将忽略 CSS，只读取“Foo”段落，然后读取“Bar”段落。
所以回答你的问题，是的，这对于屏幕阅读器用户来说可能没问题。但是，请注意元素的顺序，并确保按该顺序阅读时页面仍然有意义。
对于位置：固定，这取决于您的目标浏览器。例如，IE6 不支持“固定”定位。由于视口的大小有限，大多数手机也没有（iPhone 上的移动版 Safari 肯定没有）。
Screen readers completely ignore the positioning of elements via CSS. They instead use the order the elements appear in the DOM when deciding what to read first.
Consider the following example:
Visually, the "Bar" paragraph appears first, because we've positioned it above the other using CSS. But the screen reader will ignore the CSS and just read the "Foo" paragraph followed by the "Bar" paragraph.
So to answer your question, yes it's probably fine for screen reader users. However, be aware of the ordering of your elements and make sure that the page still makes sense when read in that order.
For position:fixed, it will depend on your target browsers. IE6 for example, doesn't support "fixed" positioning. Most mobile phones don't either (definitely mobile Safari doesn't on the iPhone) due to the fact that the viewport is of limited size.