2013-05-11 6 views
0

javascript와 css를 사용하여 숨기기/공개를하려고하는데 내 div가 나란히 쌓이는 것이 아니라 스태킹 중입니다. 나는 폭을 설정하고 떠 다닙니다 ... 무슨 일이 일어나고 있는지 파악할 수 없습니다. 어떤 도움이라도 대단히 감사하겠습니다.Divs가 나란히 있지 않음/숨기기

#container { 
width: 760px; 
margin: 20px auto; 
padding: 30px; 
background-color: #000; 
border-width: 0px; 
color: #fff; 
} 
#1a { 
width: 300px; 
float: left; 
margin:10px 
background-color: #000; 
} 

#1b { 
width: 400px; 
margin: 10px; 
background-color: #000; 
} 

과 HTML : 그건 경우

<div id="container"> 
<div id="1b" class="hidden"> 
Module Details: 
My First Page 
</div> 
<div id="1a"> 
<a href="javascript:unhide('1b');">01</a> 
</div> 

내가 그것으로 많이 쌓여 있었고, 이제 두 번째 DIV 그래서 여기에 ... 처음의 중간에이 링크입니다 도움이 너무 : http://www.amandasmithsf.com/m14_SMITH_demo/test.html

답변

0

업데이트

방화범에 CSS를 검사, 나는 그것이 것으로 나타났습니다 CSS ID 번호 # 셀렉터를 사용하려면 HTML ID가 숫자로 시작되어서는 안됩니다. HTML5에서는 숫자로 시작하는 ID를 허용하기로 결정했으나 다른 전략을 사용하여 CSS로 선택해야합니다 (http://benfrain.com/when-and-where-you-can-use-numbers-in-id-and-class-names/). 내가 방금 #1bfloat: left;를 추가 할 필요가 있다고 생각

<style> 
.hidden {display:none} 

#container { 
width: 760px; 
margin: 20px auto; 
padding: 30px; 
background-color: #000; 
border-width: 0px; 
color: #fff; 
} 
#b1 { 
float: left; 
width: 300px; 
margin:10px; 
background-color: #000; 
} 
#a1 { 
float:left; 
width: 10px; 
margin: 10px; 
background-color: #000; 
} 
</style> 
<script> 
function unhide(id) { 
    document.getElementById(id).style.display = 'block'; 
} 
</script> 
<div id="container"> 
    <div id="b1" class="hidden"> 
    Module Details: 
    My First Page 
    </div> 
    <div id="a1"> 
    <a href="javascript:unhide('b1');">01</a> 
    </div> 
</div> 

원래 대답

: 숫자 대신 문자 ID를 시작

그것에게 일을했다.

또는 어떤 이유 때문에 실제로 float: left; 중 하나에 할당하려는 경우 #1b 일 필요가 있습니다. 떠 다니는 요소는 표시하려는 옆에 떠 다니지 않은 요소 앞에 와야합니다.

+0

그것을 고쳐하지 않았다 :/ – user2371985

+0

나는 1b 앞에 1a를 놓고, 양쪽 모두에 단지 하나만 놓으려고했다. 아무것도 수정하지 않습니다. 나는 멍청이야. – user2371985

+0

내 대답 업데이트 –

관련 문제