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

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 に答える
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 に答える