<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><style type="text/css">.parent{ width:700; height:100; top:5px; left:5px; position:relative; background-color:#366} #duanlu{ text-align:right; right:10px; bottom:10pX; position:absolute; }</style><body><div class="parent"><strong id="duanlu">sdfsddsd</strong></div></body></html>
.parent
{
width:700 px;
height:100 px;
top:5px;
left:5px;
position:relative;
background-color:#366}
#duanlu
{
text-align:right;
right:10px;
bottom:10pX;
position:absolute;
}
注意单位么有写。
.parent
{
width:700px;
height:100px;
top:5px;
left:5px;
position:relative;
background-color:#366}
#duanlu
{
text-align:right;
right:10px;
bott……
++
相对定位（relative），绝对定位（absolute）简单说下。
当父级设置了相对定位，那他里面的元素如果设置了绝对定位，那么这个定位坐标是应离他最近的一个设置了相对定位的父级去坐参考，反之如果这个元素所有的父级都没有设置成相对定位，那就是以默认的body为参考，即整个窗口了。
.parent
{
width:700px;
height:100px;
top:5px;
left:5px;
position:relative;
background-color:#366}
#duanlu
{
text-align:right;
right:10px;
bottom:10pX;
position……
dui
收藏
![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2024 //m.sbmmt.com/ All Rights Reserved | php.cn | 湘ICP备2023035733号
19
1377
