当前位置:Gxlcms > 前端框架 > css top属性怎么用

css top属性怎么用

时间:2021-07-01 10:21:17 帮助过:107人阅读

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>

效果输出:

eb58b314b2235d526e2a07ca6bef008.png

以上就是css top属性怎么用的详细内容,更多请关注Gxlcms其它相关文章!

人气教程排行