css - float:left が CSS スタイルシートで機能しない

Question

1 つの div に 2 つの div を配置し、そのうちの 3 つをフロートしますが、CSS コードを入力しても、内側の 2 つがまったくフロートしません。足りないものはありますか？どうもありがとうございました。何かを間違って入力したのでしょうか、それとも形式に誤りがありますか。

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 html not shown this selector

だから、#loginの交換を書いてください#product-viewing

デモ

CSS

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

---

デモ2

CSS

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

Answer 2

CSS を適用するには、id="product-viewing" の div が必要です