float：left在CSS樣式表中不起作用

Question

我在一個div中放置了兩個div，並將其中的三個浮起來，但是裏面的兩個並沒有浮起來，即使通過我鍵入了CSS代碼。有什麼我錯過了嗎？非常感謝你。 我錯誤地輸入了什麼，或者是否有格式錯誤。

CSS

#product-viewing { 
    float:left; 
} 

#sign_up { 
    float:left; 
} 

HTML

<div id="product-viewing"> 
    <div id="hyperlink"> 
     <a href="index.html">Home</a> &mdash; <a href="login_sign.html" class="active">Login | Sign Up</a> 
    </div> 
    <div id="login"> 
     <h1 class="accounts-title">Customer Login</h1> 
     <form method='post' action=''></form> 
    </div> 
    <div id="sign_up"> 
     <h1 class="accounts-title">Create Account</h1> 
     <form method='post' action='' id='create_customer'></form> 
    </div> 
    <div class="clear"></div> 
</div> 
<div class="clear"></div> 

Answer 1

像這樣

你的權利#product-viewing但your htmlnot shown this selector

所以請填寫#login更換#product-viewing

demo

CSS

#login { 
    float: left; 
    background-color:red; 
} 
#sign_up { 
    float: left; 
    background-color:yellow; 
} 

---

demo2

的

CSS

#product-viewing { 
    float: left; 
    background-color:red; 
} 
#sign_up, #login { 
    float: left; 
    background-color:yellow; 
} 

Answer 2

您必須使用id = 「產品觀看」 應用CSS

Answer 3

添加這個CSS

#sign_up, #login { float:left;} 

一個div檢查的jsfiddle http://jsfiddle.net/7gbNK/56/

Answer 4

我不明白...因爲這＃產品查看{float：left;}毫無意義！

必須添加#login {浮動：左;} .....如果你想和寬度把....做這樣的

＃sign_up，＃{登錄浮動：左;寬度：50％;}