简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

CSS_html/css_WEB-ITnose に関する疑問

WBOY
リリース： 2016-06-24 11:45:39
オリジナル
1074 人が閲覧しました

次のコードには、4 つの DIV A、B、C、D があります。最後の DIV のテキスト コンテンツが分離され、DIV D の境界線が最初の行に移動されるのはなぜですか? 

<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title>CSS</title></head><style type="text/css">    .A, .B, .C {        float: left;        width: 200px;        height: 100px;        margin: 1em;        border-style: solid;        border-width: 1px;        border-color: #ccc;    }    .D {        width: 200px;        height: 100px;        margin: 1em;        border-style: solid;        border-width: 1px;        border-color: #A94E38;    }</style><body><div class="A">Text in div A</div><div class="B">Text in div B</div><div class="C">Text in div C</div><div class="D">Text in div D</div></body></html>
ログイン後にコピー

操作効果

明確にしてください、ありがとう。


ディスカッションへの返信 (解決策)


これを行うのは、フローティング要素がアンフロート要素 (標準ドキュメント フロー) に影響を与えるためです。clear を使用するだけです。

わかりました

ありがとうございます。あなたのヒントに基づいてブログ投稿を見つけました。
http://www.cnblogs.com/polk6/archive/2013/07/25/3142187.html
まだ理解中です

関連ラベル：
CSS的疑惑
ソース：php.cn
前の記事：CSS3 変換attribute_html/css_WEB-ITnose 次の記事：8. ユーザーモジュール: ログインページに移動_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
WordPress 6.0 (add_editor_style) が Gutenberg エディターで style.css を読み込まない カスタムWordPressブロックテーマを作成するためにUdemyWordPressコースを受講しています。 function.php にブロック タイプが正常に登録され、Gute...
から 2023-11-12 20:37:50
0
2
261
Vue 開発ツールのコンポーネントの横にあるパフォーマンスの数値は何ですか? Vue 開発ツールの特定の機能に関する洞察やリソースを持っている人はいますか?コンポーネント ペインには、コンポーネントが表示され、次にこれらの小さな赤と黄色の四角形が表示され、コ...
から 2023-11-09 14:46:48
0
1
305
HTML/CSSに背景ビデオを埋め込むにはどうすればよいですか? 皆さん、こんにちは。最近問題が発生しました。自分のサイトにビデオの背景を設定しようとしていますが、中央揃えのテキストが一番下まで表示されます。理由はわかりませんが、ナビゲーション ...
から 2023-11-06 13:59:13
0
1
240
JavaScriptでCSS/HTMLの名前付きcolorのRGB値を取得する方法 [name-rgb] という名前の Javascript オブジェクトを作成しました。 Basic:namedColors={AliceBlue:[240,248,255],Ant...
から 2023-11-06 09:05:50
0
2
210
NextJS プロジェクトで Tailwind と MUI を使用する場合の予期しない動作 (白いボタンのバグ) 現在、NextJS、TailwindCSS、MUIReactUI ライブラリを使用してプロジェクトを構築しています。 MUI ボタン​​をプロジェクトに追加しようとすると、正常に機...
から 2023-11-04 11:04:23
0
1
178
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！