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

前端之家收集整理的这篇文章主要介绍了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?
顶部和底部之间是否有任何优先问题?或者是什么原因?

解决方法

来自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.

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

原文链接:https://www.f2er.com/html/227852.html

猜你在找的HTML相关文章