程序博客网 > office软件如何自学

未知高度的居中

来源：互联网发布：office软件如何自学编辑：程序博客网时间：2024/06/10 02:08

<script type="text/javascript"></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>

<html>
<head>
<style type="text/css">
.big
{
position:relative;width:300px;height:300px;background:#ffff00;
}
.small
{
position:absolute;top:50%;left:50%;background:#ff6600;
}
</style>
</head>

<body>
<div class="big"><div class="small">测试<br>测试<br>测试<br>测试<br>测试<br>测试<br>
</div></div>
<p>其他内容</p>
</body>

</html>

此处关键是绝对定位的问题，要注意的是定位居中是以内容块的左上角确定居中的，absolute很容易被误解--以前一直以为是以document原点为坐标原点,其实这在大部分时候也是正确的;但是如果当前设置了absolute的元素的parentelement也设置了absolute或者relative属性时,该元素的坐标就会参照parentElement的坐标拉

office软件如何自学

office软件如何自学

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子野生黄鳝养殖乌鸡养殖技术怎么养殖竹鼠特种养殖项目肉鸽养殖方法养殖羊怎么样怎么养殖水蛭河蟹怎么养殖适合农村的养殖养殖业养龟技术 yangzhi 中国畜牧业信息网养直养植养什么好农业科技致富网养狗技术大全养殖业行业养狗技术农村养殖业肉食狗养殖场养种羊基地养肉狗基地圈养母犬养母养母吐息养母的奖励乌达木养母养母美纪中文字幕mp3 养母的花样年华养母美纪mdyd413在线主角叶凡养母沈碧琴迈克尔奥赫养母真实照片单身男养母猴真情无限之养母生母郑勇林伯母养母阿芳郭宝昌养母郭榕结局盗养母7万还贷