css - 除了左/右/上/下之外,还有什么可以控制绝对定位元素的放置?

标签 css angularjs

<分区>

我试图在我继承的一些非常古老的 Angular 代码中追踪控制页面元素的样式,但我完全被卡住了。

它是一个绝对定位的元素没有 leftrighttopbottom定义就可以了。如果您在 Chrome 检查器中检查继承的 CSS 属性,这些属性都设置为 auto

最近的相对或绝对定位的祖先是一个巨大的 position: relative div,它横跨整个页面并包含所有内容。

然而,不知何故,这个微小的元素恰好位于正确的位置。我检查了 getBoundingClientRect(),底部是 632.95,左边是 779.1,右边是 975.04,顶部是 608.95。我不知道这些值的来源以及将元素放在正确位置的原因。

有什么建议吗?我用 Angular 标记了它,以防有人知道 Angular 框架中可能涉及的某些东西——这是一条出现在表单旁边的错误消息,FWIW。

最佳答案

我想从规范中就能看出答案。 该标准通常表示如果顶部/底部、左侧/右侧是自动的,则将它们默认为它们的 position: static 值:

http://www.w3.org/TR/CSS2/visudet.html#abs-non-replaced-width

http://www.w3.org/TR/CSS2/visudet.html#abs-non-replaced-height

关于css - 除了左/右/上/下之外,还有什么可以控制绝对定位元素的放置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34688645/

相关文章:

html - 选择最后(动态)行的元素?

javascript - 在 AngularJs 中同时更新两个文本区域内容不起作用

javascript - 为什么 ng-view 中没有显示任何内容?

angularjs - 如何在 Angular-Fullstack 生成的 Angular 1.5 组件中注入(inject)依赖项

html - 设置 flexbox 图像之间距离的更好方法

css - 如何在 p :column header 中放置自定义内容,如换行符

html - 如何正确对齐堆叠的 Font-Awesome 图标

javascript - 如何将新元素插入到 'this' 子元素 Jquery?

javascript - 如何将数组 $scope 转换为 json 对象?

javascript - ng-Repeat( Angular )中的自动序列号