css - 我的 div 哪里出错了？

Question

我试图让我的 div 彼此相邻 float ，它在 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，以便更好地理解页面的作用)