当前阅读教程:CSS入门到精通 > absolute 定位 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: relative 定位 | 下一篇: sticky 定位 |
绝对定位的元素的位置相对于最近的已定位父元素,如果元素没有已定位的父元素,那么它的位置相对于<html> 实例代码<!doctype html> <html> <head> <meta charset="utf-8"> <title>CSS Position(定位)-absolute 定位</title> <!--定义内部样式--> <style> h2{ position:absolute; left:100px; /*左边100px*/ top:100px; /*顶部100px*/ } </style> </head> <body> <h2>这是一个绝对定位了的标题</h2> <p>用绝对定位,一个元素可以放在页面上的任何位置。标题下面放置距离左边的页面100 px和距离页面的顶部100 px的元素。.</p> </body> </html> 效果图absolute 定位使元素的位置与文档 流无关,因此不占据空间。 absolute 定位的元素和其他元素重叠。 |
|
上一篇: relative 定位 | 下一篇: sticky 定位 |