Position:absolute
来源：互联网 发布：怎么通过域名打开网页 编辑：程序博客网 时间：2024/05/23 18:39
<!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>Div:absolute</title>
<style type="text/css">
*
{
margin: 0;
padding: 0;
}
body
{
font-size: 12px;
color: #666666;
text-align: center;
}
a:link
{
color: #999999;
text-decoration: none;
}
a:visited
{
text-decoration: none;
color: #999999;
}
a:hover
{
text-decoration: none;
color: #999999;
}
a:active
{
text-decoration: none;
color: #999999;
}
</style>
</head>
<body>
<div style="width: 600px; height: 500px; margin: 10px auto; text-align: left; border: #CCCCCC dashed 1px;
position: relative;">
<div style="width: 200px; height: 200px; border: #CCCCCC dashed 1px; position: absolute;
top: 10px; left: 10px;">
<div style="height: 25px; background-color: #EEEEEE;">
<p style="position: absolute; top: 6px; left: 10px;">
标题一
</p>
<p style="position: absolute; top: 10px; right: 10px;">
<a href="#">more</a>
</p>
</div>
<ul style="list-style: none; line-height: 26px; position: absolute; top: 35px; left: 10px;">
<li><a href="#">1.我是文章的题目我是文章的题目</a></li>
<li><a href="#">2.我是文章的题目我是文章的题目</a></li>
<li><a href="#">3.我是文章的题目我是文章的题目</a></li>
<li><a href="#">4.
