부모 요소의 중심에 자식 배치

홈 페이지는 Yahoo!인데 모든 콘텐츠가 페이지 중앙에 위치하며 브라우저 창 크기를 조정하면 왼쪽 및 오른쪽 공간이 제거되고 스크롤바가 나타납니다. 내가 내가 같은를 원하지만 무엇 이건, 나는 그렇게 할 수 없습니다부모 요소의 중심에 자식 배치

<body> 
<div id="main" > 
    <div class="logo"></div> 
    <div class="content"></div> 
    <div class="copyright"></div> 
</div> 
</body>

나는 main이 (폭이 고정되지만 마진이 아닌 경우) 페이지의 중앙에 있어야합니다.

출처

2012-03-17 undone

죄송합니다. –

@RichardAndrewLee 그래서 나에게 보여준 모든 제안을 읽었습니다! 만약 있다면, 나는 질문을 게시하는 것을 괴롭히지 않을 것입니다. btw, 대답 주셔서 감사합니다, 그것을 작동;) – undone

달콤한 : http://jsfiddle.net/tszxg/ –

css에서 이와 같이 설정합니다.

#main { 
    width: 960px;/*put your width*/ 
    margin: auto; 
}

출처

2012-03-17 01:31:42

'위치 : 친척;'** ** ** 필요합니다. 또한 맞춤법을 검사하십시오. – JohnB

당신 말이 맞아요. 나는 그걸 내 몸에 두는 습관을 가지고 있습니다. (미안합니다) –

첫번째 방법 :

#main { 
    position:relative; 
    width:600px; 
    left:50%; 
    margin-left:-300px; 
}

jsFiddle example

두번째 방법 :

body { 
    text-align:center; /* Optional: IE5/6 Quirks Mode Hack */ 
} 

#main { 
    width: 600px; 
    margin: 0 auto; 
    text-align:left; /* Optional: IE5/6 Quirks Mode Hack */ 
}

jsFiddle example

출처

2012-03-17 01:32:22 JohnB

참고 :이 CSS는 IE에서 작동하지 않습니다. 해결 방법 :에서

<style type="text/css"> 
body{text-align: center} 

</style>

: http://www.cosnetics.co.uk/articles/IE7-margin-auto-not-working/ 난 그냥 질문이 반복 질문 할 수있다 대답하기로 결정 그것에 대해

출처

2012-03-18 16:23:03 undone

부모 요소의 중심에 자식 배치

답변

관련 문제