Question

我试图将我的divs漂浮在彼此旁边，它在Dreamweaver中看起来很好但是当我看到它时，它会混乱。

HTML

 <div class="parent">

    <div class="1">a</div>
    <div class="1">b</div>
    <div class="1">c</div>
        <div class="1">d</div>
            <div class="1">e</div>
                <div class="1">f</div>
                    <div class="1">g</div>


    </div>

CSS

.parent {
    display:inline-block;
    width:300px;
    height:50px;
}

.1 {
    float:left;
    width:30px;
    height:30px;
    background-color:#CC0000;
}

http://jsfiddle.net/q2MFp/

我错过了一些简单的事情吗？

Answer 1

您不能让以数字开头的课程......将其更改为以字母开头的名称，它将开始工作。

在您的HTML更改中......

<div class="1">

要...

<div class="a1">

在你的CSS改变中

.1 {

要...

.a1 {

See updated JSFiddle

（你也应该避免在Dreamweaver中进行任何设计工作......它会创建大而复杂的HTML。你最好学习HTML和CSS，这样你就可以很好地理解页面正在做什么了）

Answer 2

http://jsfiddle.net/q2MFp/3/

1不是有效的类名，one或number1是。

Answer 3

班级名称应以字母开头。您使用名为1的类。这不起作用。将其更改为例如一封信或者更具描述性的东西。示例：http://jsfiddle.net/q2MFp/2/

Answer 4

将班级声明.1{}更改为.parent > div{}或将其他名称改为1。

以数字开头的类名是invaid。

见这里：http://jsfiddle.net/q2MFp/7/

希望有所帮助。

Answer 5

你不能使用“1”作为类选择器

将其更改为其他名称，它将起作用

Answer 6

将您的CSS类名1更改为其他名称并在您的应用程序上执行代码。像这样。

.colour {
    float:left;
    width:30px;
    height:30px;
    background-color:#CC0000;
}

http://jsfiddle.net/q2MFp/15/

Answer 7

您的班级名称不能是数字值，用任何字符组合替换“1”，它将开始工作。

 <div class="parent">

    <div class="my_div">a</div>
    <div class="my_div">b</div>
    <div class="my_div">c</div>
    <div class="my_div">d</div>
    <div class="my_div">e</div>
    <div class="my_div">f</div>
    <div class="my_div">g</div>

 </div>

.my_div {

        float:left; 
    width:30px;
    height:30px;
    background-color:#CC0000; 
}

Answer 8

将CC类名“1”更改为：“test”

.parent {
display:inline-block;
width:500px;
height:50px;

}

.test {
float:left;
width:30px;
height:30px;
background-color:#CC0000;

}

签到：jsfiddle

我的div在哪里出错了？

8 个答案: