0

我正试图让我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/

我错过了一些简单的东西吗？

4

8 回答 8

3

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

在您的 HTML 更改中...

<div class="1">

到...

<div class="a1">

在您的 CSS 更改中

.1 {

到...

.a1 {

查看更新的 JSFiddle

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

于 2013-10-22T12:05:51.193 回答
0

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

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

于 2013-10-22T12:04:35.410 回答
0

类名应以字母开头。您使用一个名为1. 那是行不通的。将其更改为例如字母或更具描述性的内容。示例：http: //jsfiddle.net/q2MFp/2/

于 2013-10-22T12:04:40.540 回答
0

将类声明.1{}更改.parent > div{}为1.

以数字开头的类名是无效的。

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

希望有帮助。

于 2013-10-22T12:04:52.977 回答
0

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

将其更改为另一个名称，它将起作用

于 2013-10-22T12:05:05.263 回答
0

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

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

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

于 2013-10-22T12:09:08.700 回答
0

您的班级名称不能是数值，用任何字符组合替换“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; 
}
于 2013-10-22T12:11:08.897 回答
0

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

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

}

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

}

签入：jsfiddle

于 2013-10-22T12:12:17.467 回答