CSS3 position: relative

position: relative

该属于用于设置元素相对定位。

<div style="width:300px;height:300px;background:#FFF68F;position: relative;">
 <em style="position:absolute;right:0;bottom:0;">我将定位到div这个盒子的左下角</em>
</div>

<!-- position: relative; 把该容器设置为定位目标 -->
<!-- position:absolute; 根据目标容器进行定位 | right:0; 在目标容器的右边 | bottom:0; 在目标容器的底部 -->

定位效果

我将定位到div这个盒子的左下角

☞ 返回 publish: 8/10/2018, 3:49:33 PM / by: jmjc.tech

扩展阅读
CSS3 相对定位和绝对定位的区别	8/10/2018, 3:47:52 PM

CSS3 教程 CSS3 入门 CSS3 选择器 CSS3 颜色 CSS3 度量单位 CSS3 文本 CSS3 盒子模型 CSS3 边框 CSS3 背景 CSS3 表格 CSS3 列表 CSS3 变形效果 CSS3 过渡效果 CSS3 动画效果 CSS3 媒体查询 CSS3 浮动布局 CSS3 定位布局 CSS3 多列布局 CSS3 Flex布局 @精简版 - CSS3教程