css top属性怎么用

互联网 19-5-30

css top属性规定元素的顶部边缘，该属性定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移，所有主流浏览器都支持top属性。

css top属性怎么用？

作用：top 属性规定元素的顶部边缘。该属性定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。

说明：

对于 static 元素，为 auto；

对于长度值，则为相应的绝对长度；

对于百分比数值，为指定值；

否则为 auto。

对于相对定义元素，如果 top 和 bottom 都是 auto，其计算值则都是 0；

如果其中之一为 auto，则取另一个值的相反数；

如果二者都不是 auto，bottom 将取 top 值的相反数。

注释：

所有主流浏览器都支持 top 属性。任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。

css top属性使用示例

<html> <head> <style type="text/css"> img { position:absolute; top:5px; } </style> </head> <body> <img src="https://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" /> <h1>This is a heading</h1> </body> </html>

效果输出：

以上就是css top属性怎么用的详细内容，更多内容请关注技术你好其它相关文章！

来源链接：

免责声明：
1.资讯内容不构成投资建议，投资者应独立决策并自行承担风险
2.本文版权归属原作所有，仅代表作者本人观点，不代表本站的观点或立场

标签： css top

css top属性怎么用

相关资讯

标签推荐