程序博客网 > 如何看待手撕鬼子知乎

带有position时的居中，包括fixed、relative、absolute

来源：互联网发布：如何看待手撕鬼子知乎编辑：程序博客网时间：2024/06/05 09:19

啥都不说上代码：

<!DOCTYPE html><html><head>    <meta charset="utf-8">    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <title>居中</title>    <link rel="stylesheet" href="">    <style>    .d1 {        position: fixed;        bottom: 0;        left: 0;        width: 100%;        height: 300px;        background-color: green;            }        .d2 {        position: relative;        width: 1000px;        height: 200px;        bottom: 50px;        margin: 0 auto;        background-color: grey;    }        a {        display: block;        position: absolute;        bottom: 156px;        right: 0px;        width: 50px;        height: 50px;        cursor: pointer;        font: normal 50px Simsun;        color: #fff;    }    </style></head><body>    <div class="d1">        <div class="d2">            <a>×</a>        </div>    </div></body></html>

0 0

如何看待手撕鬼子知乎

如何看待手撕鬼子知乎

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子 ps软件培训课程钢琴入门自学教程路亚新手入门教程大学英语综合教程安卓编程入门教程手机摄影基础教程平面排版设计教程 indesign入门教程室内设计基础教程室内设计培训教程绘画入门基础教程 photoshop实例教程网络编程实用教程深度学习基础教程软件制作入门教程 java入门基础教程程序设计基础教程 3dmax新手入门教程电脑平面设计教程平面设计自学教程全新版大学英语教程3课后答案全新版大学英语综合教程 illustrator入门教程网络管理员培训教程零基础英语学习教程 photoshop基础入门教程平面设计零基础教程平面设计初学者教程 solidworks基础教程 marvelousdesigner教程新视野大学英语1读写教程答案新视野大学英语2读写教程答案教综过关必背100题 2018教综必背简答题 2018教综过关必背100题 2018教综过关必背口诀教综主观题背诵口诀综中二病教你做人教综知识点背诵技巧江西教育院河北教育院