CSS_绝对定位偏移-白红宇

CSS_绝对定位偏移

阅读量：5271 次

发布时间：2019-06-14

本文共 522 字，大约阅读时间需要 1 分钟。

<!DOCTYPE html>

<html>

<head>

<title>Insert title here</title>

div{

border: 1px solid red;

width: 318px;

height:318px;

margin: 30px auto;

/*只设置pesition，但不设置偏移量，目的是为了让他成为子元素绝对定位的目标，并非真的让他偏移*/

position: relative;

}

/*绝对定位*/

position: absolute;

bottom: 40PX;

width: 318px;

background-color: #fff;

text-align: center;

}

</style>

</head>

<body>

<div>

<p>大唐长老到此一游</p>

</div>

</body>

</html>

转载于:https://www.cnblogs.com/Bighua123/p/7591833.html

你可能感兴趣的文章

1.2 基础知识——关于猪皮（GP，Generic Practice）

UVA 10529-Dumb Bones（概率dp）

查看>>

关于IE和火狐，谷歌，Safari对Html标签Object和Embed的支持问题

查看>>

MyEclipse DB Browser使用图文全攻略

查看>>

poj3320 Jessica's Reading Problem（尺取思路+STL）

查看>>

A - Vasya and Socks

查看>>

项目管理、设计开发、代码管理、bug管理工具介绍