여백을 사용하여 상위 div의 가운데에 하위 div를 배치하는 방법은 무엇입니까?

Question

여기에 코드입니다

div.content_inner { 
    background-color: white; 
    -moz-box-shadow: 1px 5px 10px #000; 
    -webkit-box-shadow: 1px 5px 10px #000; 
    box-shadow: 1px 5px 10px #000; 
    margin-left: 10%; 
    margin-right: 10%; 
} 

는, 웹 사이트는 내가 양쪽에 여백을 가지고 흰색의 콘텐츠를 얻을 수있다 시도하고 http://twoandahalfmiles.polymath.io

이며 나는 그것이 웹 사이트의 상단에 스트레칭 할 현재 그 중 하나를 수행하지 않습니다.

미리 감사드립니다.

Answer 1

당신은 고정 폭을 정의하고, auto.Like이의 왼쪽과 오른쪽 여백 값을 설정할 수 있습니다 환상적 일

.content { 
    width: 940px; 
    margin-left: auto; 
    margin-right: atuo; 
} 
div.content_inner { 
    background-color: white; 
    -moz-box-shadow: 1px 5px 10px #000; 
    -webkit-box-shadow: 1px 5px 10px #000; 
    box-shadow: 1px 5px 10px #000; 
    /* margin-left: 10%; 
    margin-right: 10%;*/　/*please delete*/ 
}