CSStop属性用法揭秘

你对CSS top 属性的用法是否了解，这里和大家分享一下，该属性定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。

创新互联拥有一支富有激情的企业网站制作团队，在互联网网站建设行业深耕10年，专业且经验丰富。10年网站优化营销经验，我们已为1000多家中小企业提供了网站建设、成都网站建设解决方案，按需求定制网站，设计满意，售后服务无忧。所有客户皆提供一年免费网站维护!

CSS top 属性

定义和用法

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

注释：如果 "position" 属性的值为 "static"，那么设置 "top" 属性不会产生任何效果。

说明

对于 static 元素，为 auto；对于长度值，则为相应的绝对长度；对于百分比数值，为指定值；否则为 auto。

对于相对定义元素，如果 top 和 bottom 都是 auto，其计算值则都是 0；如果其中之一为 auto，则取另一个值的相反数；如果二者都不是 auto，bottom 将取 top 值的相反数。

实例

把图像的上边缘设置在其包含元素上边缘之下 5 像素高的位置：

 
 
 
 

  
  
  
  
img 
  
  
  
  
  { 
  
  
  
  
  position:absolute; 
  
  
  
  
  top:5px; 
  
  
  
  
  } 
 
 
 
 

浏览器支持

所有主流浏览器都支持 top 属性。

注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。

可能的值

当前名称：CSStop属性用法揭秘
网页URL：http://www.shufengxianlan.com/qtweb/news31/171481.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联