위치를 중앙에 놓고 고정하는 방법은 무엇입니까?

페이지를 수정하는 중입니다. 나는 프로가 아니지만 여기에있다.위치를 중앙에 놓고 고정하는 방법은 무엇입니까?

body { 
    width:100%; 
    height:100%; 
    background:#181516; 
    overflow:hidden; 
    position:absolute; 
} 

.bg {  
    background:url(../images/entrance.jpg) no-repeat center center ; 
    height:100%; 
    z-index:1; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}

그리고 버톤; 이 원하는 곳

.door { 
    display:inline-block; 
    width:170px; 
    margin-top:22%; 
}

그러나 더 작거나 더 큰 화면 버튼을

간다 : D

그것은 사각형으로 고정되어야한다. 뒷 사진은 작은 문입니다. 그리고 버튼은 그 문 안쪽에 있어야합니다 ... MArgin 또는 padding px 또는 %는 항상 같습니다. 나 좀 도와 줄 수있어?

출처

2012-12-17 user1909272

jsfiddle에 코드를 넣을 수 있습니까? 나는 당신이 div에 집중적으로 문을 위치시키고 그 div 안에 절대적으로 버튼을 배치해야한다고 말하고 싶다. 그러나 바이올린은 시연하는데 도움이 될 것입니다. –

http://jsfiddle.net/brbap/1/ 그 것과 같습니다. 원하는 경우 이미지를 볼 수 있도록 웹 사이트를 업로드 할 수 있습니다. 나는 센터 태그를 사용하지만 나는 CSS 코드를 선호한다. 그러나 나는 css로 센터를 couldnt한다. 나는 단추 오른쪽 하단 모서리를 고치려고 노력했다. 그 중 하나를 관리 할 수 없었다 : D 당신이 나를 도울 수 있다면 나는 기쁜 마음으로 sooo가 될 것이다. 나는 미치광이에 관한거야! – user1909272

정확하게 이해한다면 div가 항상 화면 중앙에 있도록하고 싶을 것입니다.

기본적으로 내가 이렇게하는 방법은 화면의 상단과 왼쪽에서 절대 값과 50 %를 배치하는 것입니다. 그런 다음 div의 왼쪽 상단 지점이 가운데에 있으며 div의 크기 절반을 음의 여백으로 사용하여 다시 중앙으로 이동시킵니다.

그래서 기본적 다음

.door { 총수 : 절대;
상단 : 50 %;
왼쪽 : 50 %;
너비 : 170px;
높이 : 200px;
margin-left : -85px;
margin-top : -100px;
background-color : #fff;
}

출처

2012-12-17 12:44:12 Gerb

Yesss. 고맙습니다. muchhhhhhhhhhhhhhhhhhhhhhhhh Gerb. 만세!!!!!! – user1909272

위치를 중앙에 놓고 고정하는 방법은 무엇입니까?

답변

관련 문제