大家都知道 position: fixed 是相对于视口（viewport）定位的。
但是这个「真理」会受另一个元素的影响……对，我知道你很震惊……
先看正常情况：
正常情况
网页右边是一个 iframe，红色的 .fixed 元素相对于 iframe 视口左上角定位，与我们预期一致。
接下来我在 .box 上面加一个 CSS3 中的属性，就会改变你的认知：
amazing
父容器加了 transform 之后，fixed 定位的元素居然相对于父容器定位。
天知道以后 CSS 会不会加更多元素来影响我已经认为是真理的事情？
我说一个更实际的问题吧，你敢在接手一个项目时，在任意一个元素上加 transform 属性吗？
你不敢！除非你把它的每个子元素的属性都检查一遍……确定没有 fixed 定位。
大家都知道 position: fixed 是相对于视口（viewport）定位的。 但是这个「真理」会受另一个元...
em的计算标准并不是父元素的字体大小？ 首先我们先来看百度的搜索结果（错误言论！）... 网上以讹传讹这么多年了，...
定位 关于定位 “根元素”的包含块也称为初始包含块。在 HTML 中，根元素就是 html 元素，有些浏览器会使用...
HTML5 Geolocation（地理定位） HTML5 Geolocation（地理定位）用于定位用户的位置。...
参考文档：MDN relative 当元素被设置为relative属性后，相对于该元素的原位置进行定位。 该元素的...
1、HTML5 Geolocation（地理定位） HTML5 Geolocation（地理定位）用于定位用户的位...
定位 position属性可以控制web浏览器如何以及在何处显示特定的元素。可以使用position属性把一个元素...
position属性可以控制Web浏览器如何以 及在何处显示特定的元素。可以使用position属性把一个元素放置...
定位的四种方式 1、默认定位：static 其没有top/bottom/left/right属性 2、固定定位：f...
HTML5 Geolocation（地理定位）用于定位用户的位置 定位用户的位置HTML5 Geolocation...
本文标题：HTML关于定位趣闻
本文链接：https://www.haomeiwen.com/subject/ruehcqtx.html
网友评论