3

私はこのコードを持っている見てください:
CSS:

<style>
span#logo {
    height: 80px;
    width: 222px;
    background: url(img/logo.png);
    /* If I take out this it would give my span 0x0px size */
    float: left;
}
</style>

HTML:

<span id="logo"></span>

なぜそれが起こるのですか？形を作るためにフロートが必要なのはなぜですか?

4

3 に答える 3

2

SPAN 要素自体は無次元です。何を入れても同じ大きさです。displayディメンション対応にするには、そのプロパティをblockまたはに変更する必要がありますinline-block。デフォルトの表示はinlineで、実際の動作が表示されます。

span#logo {
    height: 80px;
    width: 222px;
    background: url(img/logo.png);
    display: block;
    // or: display: inline-block; zoom: 1; *display: inline;
}
于 2013-10-08T16:54:52.223 に答える
1

フロートは技術的にはブロックレベルの要素ですが、インライン要素のように振る舞い、単独の行には存在しないことが多く、残りのコンテンツはフロート要素の周りを流れようとします。

理解を深めるためにこれを読む

于 2013-10-08T16:56:34.820 に答える