html - 父 div 中心的 div 宽度,高度 0px

Question

我在另一个父 div 中创建了一个带有 div 元素的 html 文件

<div class="note-idea" >
    <div class="idea-content"></div>
    <div class="idea-circle"></div>
    <div class="idea-child"></div>
</div>

和css文件

.note-idea {
    position: relative;
    display: inline-block;
    text-align: center;
}
.idea-content{
    background-color: red;
    width: 200px;
    height: 100px;
    position: relative;
}

我想用css在note-idea的中心制作idea-content，note-idea的宽度为1px，高度为1px。但它是错误的

Answer 1

Note-idea 不能是 1px x 1px，您应该阅读 div 的工作原理。但是，这会将想法内容集中在 note-idea 中：

<div class="note-idea" >
    <div class="idea-content"></div>
    <div class="idea-circle"></div>
    <div class="idea-child"></div>
</div>

and css file

.note-idea {
    position: relative;
    text-align: center;
    width:100%;
}
.idea-content{
    background-color: red;
    width: 200px;
    height: 100px;
    position: relative;
    margin:0 auto;
}