問題タブ [margin]

この問題はIE8とChromeで発生しているため、これは標準的な問題だと思います。

コンテンツはないが、CSSで背景画像と高さ/幅が設定されているDIVを使用して、ヘッダーとメニューを含むサイトを作成しています。内側のDIVに親のdivに対してマージンを持たせたいのですが、それはマージンを親のdivに適用します。コンテンツをdiv内に配置すると、これが修正されます。IE7にはこの問題はありません。 それは物事を捨てて、それはハックのように見えるので、私は使いたくありません。

以下で再作成するサンプルコードを参照してください。

親のdivコンテンツまたは境界線を指定すると、レイアウトは正しく機能します。私はこのサイトでこれと同じ問題を数回経験しました。メニュー項目のリストにマージントップを付けたかったのですが、headerMenu div（その親）にもコンテンツがないため、プロパティがバブルになります。

どうしたの？

CSS の余白は隣接すると崩れてしまうので、2 つの要素の周囲を 40px に設定すると、それらの間は 40px になるといつも聞いていました。

これは CSS をレンダリングする古い方法ですか?

これがHTMLとCSSです。マージンを折りたたむことができないようです：

関連する HTML

CSS

アドバイスありがとう！

ここでバナナを使用します。ページ内のすべての画像の下にギャップがあり、コードにはないマージンがあります。Firebugでさえそれを見ることができませんが、FirefoxとSafariはそれをレンダリングしています-CSSがまったくなくても！

これは私には今までに一度も起こりませんでした...！

jQueryを使用して適切な関数を理解し、作成するのに苦労しています。

私のサイトには 2 つの主要な領域があります。1 つ目は、パネルと名付けた他の領域の上に表示されるコンテンツ領域です。

特定のリンクをクリックして少し上に移動し、動きのサイズに合わせてサイズを変更するときに必要なのは、このパネルだけです。現在機能していない、下から上に成長するパネルを表す必要があります!?

ここに私のjQueryコードがあります:

html は次のとおりです。

私の目標は、パネルの「少し上に移動」リンクをクリックして 50px 上に移動することです。後でここにメールアドレスを表示したいのですが、メールで div 要素を表示する機能を持たせるか、他のリンクを押すと、メールアドレスが非表示になり、パネルが下に移動します。

この写真でわかるように、上の境界線のないdiv緑の中にオレンジがあります。divオレンジdivには30px上余白がありますが、緑divを押し下げています。もちろん、上枠を追加すると問題は解決しますが、緑divを上枠なしにする必要があります。どうすればよいですか？

ありがとう

私はボックスモデルを完全に理解しています。この質問は、マージンを使用する場合とパディングを使用する場合に関するセマンティック方法論を特定しようとすることに関するものです。

これが典型的な例です、

まず、平易な英語で：

• 状況：コンテナdivがあり、その中に段落要素があります。

• 目標：divの内側と段落の外側の間に12pxのスペースを設ける。

• オプションa）コンテナdivに12pxのパディングを適用します

• オプションb）段落要素に12pxの余白を適用します

または、必要に応じてHTML：

そして、CSS：

オプションa）

オプションb）

乾杯！

ジョン

デフォルトでは、「列挙」環境は現在の環境に対してインデントされています。このインデントを無効にして、3つの項目の列挙環境が次のコードと同じ出力を生成するようにするにはどうすればよいですか？

この巧妙な一連のルールが役立つ状況を把握することはできません。それらはボックス モデルの単純さを壊し、レイアウトのさまざまな部分を組み合わせると無限の問題を引き起こします。では、その理由は何ですか？

参考ルール。

更新: ルールは兄弟要素に対して非常に論理的ですが、なぜマージンがツリーまで親要素に伝播する必要があるのでしょうか? どのような問題を解決しますか？

例えば：

最上位の div は、互いに 100 ピクセルの間隔で配置されます。

いくつかのユーザー データを取得し、VSTO を使用して PowerPoint プレゼンテーションに追加しています。書式設定を正しく表示するには、テキスト ボックス内の一部のテキストの左マージンを設定できるようにする必要があります。テキストの最初のブロックがあり、その後にインデントされた別のブロックが続きます。例 (間隔を強調するために下線を追加):

Lorem ipsum dolor sit amet, consectetur adipiscing elit. セッド・ヴェスティビュラム・エレメンラム・ネケ・イド・ロンクス。In fermentum eros nec dolor lobortis sit amet fermentum est consequat. Curabitur eleifend nunc eu odio vehicula ut elementum erat aliquam. Ut adipiscing ipsum sit amet leo pulvinar hendrerit. Cum sociis natoque penatibus et magnis dis parturient montes, nasceturridiculus mus. Nulla non neque in velit lacinia tempor et a lacus.
____________Cras auctor bibendum urna, a facilisis lacus lacinia non.
____________Nullam at quam a mauris consequat vulputate sed eu sapien.
____________Fusce sed urna nulla, ut sagittis lacus. Pellentesque tortor
___________augue、scelerisque at aliquet a、pretium ac ipsum.

Shape.TextFrame.TextRange.IndentLevel = 2テキストの下部ブロックに設定することで、この効果を得ることができます。ただし、マージンの値をプログラムで設定する方法がわかりません。誰もこれを行う方法を知っていますか?