父div的宽度为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制作想法内容关于中心关闭注意事项，宽度为1px，高度为1px。 但它是假的

Answer 1

注意 - 想法不能是1px乘1px，你应该读一下div是如何工作的。但是，这将把想法内容集中在笔记中：

<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;
}