問題タブ [clearfix]

質問する

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

230 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
3 に答える
205 参照

html - なぜclearfixなしで動作するのですか?

clearfix の目的が理解できたと思います。ただし、clearfixなしで希望どおりに動作します。何故ですか？

これは私のHTMLです：

そしてCSS：

これは私が得るものです（それは私が欲しかったものです）：

ここに画像の説明を入力clearfixがなくても 問題ないのはなぜですか?

0 投票する
1 に答える
361 参照

css - Clearfix でのレスポンシブ レイアウトと CSS の問題

初めてレスポンシブ レイアウトを作成していて、css と clearfix で問題が発生しています。作成したコードの問題を示すJS フィドル ( http://jsfiddle.net/brandrally/GFXP9/1/ ) を作成しました。

基本的には、'Line 1' と 'Line 2' をスペースなしで互いの下に配置したいだけです。.line div 内にかなりの数の div を配置する予定であるため、それらを clearfix する必要があると考えています。

CSS

HTML

0 投票する
1 に答える
129 参照

css - Clearfix はワードラップを停止します

境界線がフロートを囲むようにするには、リスト項目に clearfix を適用する必要がありましたが、clearfix を追加すると、リストに適用した wordwrap が機能しなくなり、長い URL によって div が他の項目に拡張されるようになりました。 div。

誰かがこの問題を手伝ってくれるなら、それは大歓迎です。問題はここで見ることができます: http://www.noellesnotes.com (フッターのツイートセクション)。

関連するコードは次のとおりです。

HTML

CSS

0 投票する
1 に答える
36785 参照

html - どうして
使用済み？

52framework.comが提供するものに自分を適応させます。(HTML5, CSS3, JS フレームワーク) グリッドのチュートリアル動画を見たり、他のデモソースコードを調べたりしても、なぜフレームワーク<div class="clear"></div><!-- clear -->が 12 行目のコードを使っているのか理解できませんでした。

以下のコードのアドレスは次のとおりです。http://demo.52framework.com/demos/framework/grid.html

以下のこのコードも同じソースからのものですが、ご覧のとおり<div class="clear"></div><!-- clear -->、ここではさらにパーティションが作成されていますが、コードの一部はここでは使用されていません。

関連する CSS コード:

0 投票する
1 に答える
291 参照

html - どうして
使わなかった？

こんにちは、何かを学ぶと混乱することがあります。私は今その立場にいます。よろしくお願いします。

このアドレスで質問しました:なぜ <div class="clear"></div> を使用したのですか?

回答を得て受け入れた後 (コメント セクションにあるリンクも読みました)、2 番目と 3 番目の質問ができました。

関連する質問で与えられた入力コードによると、

  1. 以下のグリッド デモ コードで を使用しなかったのはなぜ<div class="clear"></div>ですか? ここでも、2 つのフローティング div 要素のセットが 2 つ存在するため、最後のフローティング div 要素<div class="clear"></div>の直後に使用するのは適切ではないでしょうか?

<div class="clear"></div>私は、コードが 2 つの場所 (直後<div class="col col_7">と直後)にあることを期待していることを明確に述べています。<div class="col col_4">

  1. 受け入れられた回答の所有者は、次のように書いています。彼は 5 月の文法を使用して以来、私は削除<div class="clear"></div>し、IE9 と Chrome 25.0.1364.172; の出力に何も変更がないことを確認しました。彼が5月に書いた理由は何ですか? 古いブラウザ (特に古い IE バージョン)?
0 投票する
1 に答える
974 参照

css - Foundation - 行がクリアされませんか?

私は Zurb Foundation 5 を使用しており、.row が複数の列のラッパーとして機能できるように、.row の中に .row を入れたいと考えていました。これはうまくいきましたが、内側の行の内側に背景を追加しようとすると、一番上の行ににじみます - これは正常な動作ですか?

スクリーンショットと使用しているコードを添付しました。

スクリーンショット:

0 投票する
1 に答える
680 参照

css - から clearfix の灰色の線を削除します
Drupal 7

D7 テーマ (MD フォト) の clearfix 要素に起因する灰色の線を削除したいと考えています。特に、div class="wrap clearfix"要素の下部に不要な灰色の線があるbody要素。

かなりの数の修正を試みましたが、結果は得られませんでした。これまでのリストはこちら

他にも、同様のボーダーやコンテンツ リムーバーのアイデアが多数あります。

誰かが私を正しい方向に向けることができますか?


12345678910