DIV 센터, 높이 0 픽셀

Question

내가 다른 부모 DIV의 DIV 요소

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

내가 중심에 아이디어-내용을 원하는

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

과 CSS 파일을 하나 개의 HTML 파일을 만들 수 있습니다 css 및 메모 아이디어가 포함 된 메모 아이디어는 너비가 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; 
}