格中心，高度0像素

Question

我已創建一個HTML文件，與其他家長的div div元素

<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的note-idea的寬度爲1px，高度爲1px。 但它是假的

Answer 1

注意點不能是1px乘1px，你應該閱讀divs的工作原理。然而，這將在中央音符思想觀念內容：

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