2012-01-21 3 views
0

안녕 얘들 아 아마도 n00b 질문하지만 너비가 100 %이고 높이가 다른 배경에 대해 수직으로 정렬 된 두 가지 색상 div가 필요하다면 300px 단순함. 그런 다음 다른 두 div와 겹치는 div를 가운데에 배치하려고합니다. 어떤 충고? 환호배경 div 두 개를 통해 가운데 div 겹치기?

+0

무엇 ??????????? – mowwwalker

+0

두 divs 페이지의 너비 (100 %) 싶습니다 및 그들은 모두 서로 위에있을거야. 그런 다음 다른 두 div의 위에 가운데에 div가 있어야합니다. 죄송 혼란에 죄송합니다 – ImmortalKING

+0

두 div는 어떻게 서로 위에있을 수 있습니까? 왜 세 번째 div가 둘을 겹칠까요? 첫 번째는 두 번째에 의해 숨겨지고 두 번째와 세 번째에 의해 숨겨집니다. – mowwwalker

답변

2

이와 비슷한? 당신은 어떤 스펙을 제공하지 않았기 때문에 어떤 속성을 하드 코딩 할 수 있고 어떤 속성을 지정할 수 없는지 알 수 없습니다. 그러나 이것은 당신을 시작해야합니다.

http://jsfiddle.net/PWwQM/1/

#overlay { 
    border: 1px solid black; 
    background: yellow; 
    width: 400px; 
    left: 50%; 
    top: 75px; 
    margin-left: -200px; 
    height: 300px; 
    position: absolute; 
} 
+0

고맙습니다. 당신은 남자 Mrtsherman입니다! – ImmortalKING

+0

안녕하세요. 매우 효과적이지만 "margin-left : -200px;는 저를 곤두박질로 왜 그게 필요합니까? – ImmortalKING

+0

@ImmortalKING 페이지의 중간에 div를 가져 오려면 왼쪽 : 50 %로 설정합니다. 오버레이의 너비가 '400'이므로 네거티브 여백을 '400/2'로 설정해야합니다. – mrtsherman