隱藏/揭示Div並非並排

Question

我想要做一個隱藏/顯示使用JavaScript和CSS和我的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

Answer 1

更新

檢查你的CSS在Firebug，我注意到，這是沒有被應用，然後我看到了爲什麼 - HTML ID不應該以數字開頭（或者至少，如果你想讓他們工作的CSS #選擇器;事實證明，在HTML5中，他們決定開始允許以數字開頭的ID，但是您必須使用不同的策略來選擇CSS：http://benfrain.com/when-and-where-you-can-use-numbers-in-id-and-class-names/）。

開始用字母而不是數字的ID使其工作：

<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> 

原來的答案

我想你只需要添加float: left;到#1b。

或者，如果由於某種原因，你真的只想要分配float: left;其中之一，這將需要#1b - 浮動元素需要來下到你想讓它顯示非浮動元素之前。