html – css位置绝对,顶部和底部都是

概述我使用的位置：绝对;在div上. fiddle 我的代码是： .ab { background: none repeat scroll 0 0 #FF0000; bottom: 0; height: 100px; left: 0; position: absolute; top: 0; width: 100px;} 我想知道为什么即使我指定底部也是最重要的：0？ 顶部 我使用的位置：绝对;在div上.

fiddle

我的代码是：

.ab {  background: none repeat scroll 0 0 #FF0000;  bottom: 0;  height: 100px;  left: 0;  position: absolute;  top: 0;  wIDth: 100px;}

我想知道为什么即使我指定底部也是最重要的：0？
顶部和底部之间是否有任何优先问题？或者是什么原因？

解决方法 来自Mozilla： https://developer.mozilla.org/en-US/docs/Web/CSS/top

When both top and bottom are specifIEd,as long as height is unspecifIEd,auto,or 100%,both top and bottom distances will be respected. Otherwise,if height is constrained in any way,the top property takes precedence and the bottom property is ignored.

在您的示例中,您已经声明了设置高度以及顶部和底部位置,因此顶部位置优先,底部被忽略(无论您在顶部和底部列出的顺序如何).

总结

以上是内存溢出为你收集整理的html – css位置绝对,顶部和底部都是全部内容，希望文章能够帮你解决html – css位置绝对,顶部和底部都是所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。