请问如何设置子div 在父div 水平居中

首页课程实战体系课手记专栏慕课教程

来源：7-1 定位案例

慕标3184021

2019-04-01 14:37:02

请问如何设置子div 在父div 水平居中

写回答

1回答

好帮手慕查理

2019-04-01

您好，可以使用定位使子元素定位在父元素中：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
 content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
 body{
            margin:0px;
 padding:0px;
 }
        .out{
            width: 400px;
 height: 400px;
 background: orange;
 position: relative;
 }
        .order{
            width: 200px;
 height: 200px;
 background: pink;
 position: absolute;
 left: 100px;
 top: 100px;
 }
    </style>
</head>
<body>
    <div class="out">
        <div class="order">
        </div>
    </div>
</body>
</html>

祝学习愉快！

0 学习 · 4928 问题

查看课程

相似问题

老师，我为什么设置子div的左外边距，子div会动，但是设置上外边距，父DIV会跟着一起动呢？

回答 1

为什么设置父div为相对定位后，子div的绝对定位就会以父div为标准移动

回答 1

给div设置宽度下面有滚动条，设置图片宽度没有，怎么让图片适应div

回答 1

你看有什么问题没有？大图怎么居中呢？我设置3个并列的DIV，为什么两个小图都跑下面去了

回答 1

老师你设置div0的样式，不就是div的样式么？为啥要设置两次呢

回答 1

打开慕课网App查看更多内容