float:left在CSS样式表中不起作用

我将两个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>

&mdash；
客户登录
创建帐户

像这样

您右键

#产品查看

，但在

中，您的html

未显示此选择器

因此，请编写

#登录

替换

#产品查看

css

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

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

---

css

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

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

---

您必须有一个id为“产品查看”的div才能应用CSS添加此CSS

#sign_up, #login { float:left;}

---

检查JSFIDLE

我不明白。。。因为这个#产品查看{float:left；}毫无意义

必须添加#login{float:left；}….如果您想使用宽度…请这样做

---

#注册，#登录{float:left；width:50%；}

我在你的HTML中看不到产品视图。。。