Question

我在一个div中放了两个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 html not 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 =“product-viewing”的div来应用CSS

Answer 3

添加此Css

#sign_up, #login { float:left;}

检查jsfiddle http://jsfiddle.net/7gbNK/56/

Answer 4

我不明白......因为＃product-viewing {float：left;}毫无意义！

必须添加#login {float：left;} .....如果你想放宽度......就这样做

＃sign_up，＃login {float：left; width：50％;}

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

4 个答案: