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％;}