1. ホーム
  2. Web制作
  3. html5

HTML5+CSSでfloatを設定しても、真ん中や間違った行の代わりに移動しない問題

2022-01-12 14:42:53

今日、オンラインのルーチンに従ってXiaomiのウェブサイトを書き込んでみたら

このセクションでは、親ボックスを設定し、子ボックスをそれぞれ以下のコードで左右のフロートを設定します。

let root = "data/Repos-cleaned";
let outputDirGold = "data/outputs-gold/";
let outputDirAll = "data/outputs-all/";
let outputDirCheckJS = "data/outputs-checkjs";
try {
    fs.mkdirSync(outputDirGold);
    fs.mkdirSync(outputDirAll);
    fs.mkdirSync(outputDirCheckJS);
}
catch (err) {
    console.log(err);
}


結果は次のように表示されます。

左のボックスには左フロートがなく、右のボックスには右フロートがありません。ソースコードを見ると、0または非常に小さな数字が表示されているので、設定した数字ではありません。

回避策

H5の左のサブボックスと右のサブボックスの順番を逆にすると、テストがうまくいく、コードになりました。

let a = 0 ; let s = "s" ; console . log ( s ) ; O $number$ O O O O O $string$ O O O $Console$ O $void$ O $string$ O O
class Test { public value : number ; constructor ( v ) { this . value = v ; } } let t = new Test ( 0 ) ; O $any$ O O O $number$ O O O O O O $number$ O O O O O $number$ O $number$ O O O O O O $Test$ O O O $any$ O O O O O


 最終的には以下のようになります。

問題は解決したが、何が何だかわからない。左右のボックスは並んでいるのではないのですか、なぜ順番が違うと動かないのですか。 

概要

HTML5+CSSのセットフロートが、動いていないが、真ん中と間違った行についてこの記事を紹介し、より関連するHTML CSSセットフロートの内容は、スクリプトハウス過去の記事を検索するか、次の関連記事を閲覧を続けてください、私はあなたが将来よりスクリプトハウスをサポートして願っています!。