有关css的绝对定位
程序员文章站
2022-04-30 21:46:49
...
[导读] 定位(左边和顶部) css定位属性将是网虫们打开幸福之门的钥匙: H4 { position: absolute; left: 100px; top: 43px }这项CSS规则让浏览器将<H4>的起始位置精 确地定在距离浏览器左边100象素,距离其
定位(左边和顶部)
css定位属性将是网虫们打开幸福之门的钥匙:
H4 { position: absolute; left: 100px; top: 43px }
这项CSS规则让浏览器将<H4>的起始位置精 确地定在距离浏览器左边100象素,距离其 顶部43象素的位置。
注意这里唯一设置了的是左边和顶部,也就 是说,文字将从左到右,从上到下载入浏览 器窗口。
左边和顶部属性很直观,左边(left)设定 要素距浏览器窗口左边的距离,顶部(top) 设定距离浏览器窗口顶部的距离。
设定这些距离时,你可以使用所学过的各种 长度单位或比例值。使用比例值时,比例值 指的是相对于母体要素的尺寸。
你可以定位什么呢?任何东西!段落、单词、 GIF和JPEG图象、QUICKTIME电影等等
以上就是 有关css的绝对定位的详细内容,更多请关注其它相关文章!
上一篇: 函数 - PHP手册笔记
下一篇: 关于php的进阶学习方法
推荐阅读
-
使用CSS3设计地图上的雷达定位提示效果
-
微信小程序导航栏滑动定位功能示例(实现CSS3的positionsticky效果)
-
CSS3与动画有关的属性transition、animation、transform对比(史上最全版)
-
绝对令人的惊叹的CSS3折叠效果(3D效果)整理
-
CSS定位中Positoin、absolute、Relative的一些研究
-
微信小程序导航栏滑动定位功能示例(实现CSS3的positionsticky效果)
-
html/css中相对定位relative和绝对定位absolute的用法
-
使用CSS3设计地图上的雷达定位提示效果
-
有关html的标签以及css属性(border、div)
-
HTML连载58-绝对定位的参考点以及注意事项