CSS 및 HTML 위치 지정

Question

웹 사이트를 만들려고 노력 중이며 모든 것이 올바르게 배치되어 있어야합니다. 나는 모든 장치의 특정 위치에서 원하는 요소를 가지고 있습니다. 예를 들면 : 나는 내 다른 브라우저에서 웹 사이트, 다른 화면 크기, 요소 미친 간다 위치를 테스트 할 때

test { 
    top: 63%; 
    left: 43%; 
} 

문제가있다. 모든 브라우저/화면 크기에서 동일하게 유지할 수있는 위치를 설정할 수있는 방법이 있습니까?

감사합니다,

Answer 1

test { 
    top: 63%; 
    left: 43%; 
position:absolute; 
} 

부모 div의 위치에

Tomothy : 상대;

그래서 시험은

.parent-container{ position:relative;} 

왼쪽 .. 부모 DIV 당신은 아래의 코드를 사용할 필요가

Answer 2

.. 시험의 부모 컨테이너 이전

.test{ position:absolute; top: /*your value*/; left: /*your value*/;} 

에 따라 설정됩니다 상단 CSS 속성이 위치없이 제대로 작동하지 않습니다.

Answer 3

test { 
    position: absolute; 
    top: 63%; 
    left: 43%; 
    } 

참고 : 테스트의 당신은 정의해야합니다 부모 클래스가 .. 같은`test`은 무엇입니까

test-parrent { 
     position: Relative; 
    }