ホームページ > 記事 > ウェブフロントエンド > div フローティング レイヤーとデフォルトの div レイヤーの間にはどのような関係がありますか?
div フローティング レイヤーとデフォルトの div レイヤーの間にはどのような関係がありますか?
- php中世界最好的语言オリジナル
- 2017-11-22 17:45:542019ブラウズ
フローティングと言えば まず第一に、なぜフローティング スタイルを設定するのかという概念を理解する必要があります。 DIVobjectボックスを左または右にレイアウトしたいからです。このようにして、Web ページをより美しくインタラクティブにすることができます。では、フローティング DIV とデフォルト DIV の違いは何でしょうか。見てみましょう
div フローティング レイヤーと div レイヤーの違いは何ですか? CSS における関係は何ですか? まず、DIV フローティング レイヤーと DIV レイヤーはどちらも、一般的に CSS の組み合わせを指します。 WebページのレイアウトにはスタイルシートとDIVタグが使用されます。 div レイヤーには通常 div フローティング レイヤーが含まれます。 div フローティング レイヤーは div が 次に、通常レイヤーとは何ですか、フローティングレイヤーとは何ですか? div css フローティングレイヤーを使用する理由。 完全な DIV+CSS サンプル HTML コードは次のとおりです<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>div层与浮动层</title>
<style>
.div{ width:400px; height:100px}
.div-a{ float:left; border:1px solid #F00; width:100px; height:80px}
.div-b{ float:right; border:1px solid #00F; width:100px; height:80px}
</style>
</head>
<body>
<div class="div">
<div class="div-a"></div>
<div class="div-b"></div>
</div>
</body>
</html> オブジェクト「.div」は float に設定されておらず、「.div-a」は左にフロート (float:left) に設定されており、「. div-b" は右に浮動するように設定されます (float :right)。 レイヤーとフローティングレイヤーのまとめその他の関連記事をご覧ください。
関連書籍:htmlの4750256ae76b6b9d804861d8f69e79d3
以上がdiv フローティング レイヤーとデフォルトの div レイヤーの間にはどのような関係がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。