margin-top の設定が無効です_html/css_WEB-ITnose

本帖最后由 Jasmine_xiaocao 于 2013-01-25 09:57:12 编辑

头部

    

 左右结构实现方法：left设置float为left浮动，
right设置float为right浮动，可实现左右结构

缺陷：当left高于right时显示会出现问题,footer清除浮动clear:both可解决此问题

 左右结构实现方法：left设置float为left浮动，
right设置float为right浮动，可实现左右结构

缺陷：当left高于right时显示会出现问题,footer清除浮动clear:both可解决此问题

底部

表示効果

マージンを設定します-top が無効です。どのように設定すればよいですか?

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

padding-top

padding-top

padding-topの設定がまだ間違っており、レンダリング:

margin: 外側のマージン

padding: 内側のマージン

あなたが設定しました要素の margin-top または padding-top を設定するか、左側の要素の padding-button を設定することで目的を達成できるはずです

margin-top:550px

を設定して、float をクリアする原理を体験してください 笑

最も愚かな方法: フッターの外側 div を設定し、この div に padding-top を追加します。

CSS code?1margin-top:550px

設定できます

CSS code?1margin-top:1000px

float をクリアする原理を体験してください 笑

確かに、margin-top を 550 以上に設定するだけで大​​丈夫です 理由を教えてください?クリアに関連:両方?初心者でよくわかりませんが、アドバイスをお願いします

#container .left 互いに近づかないように、margin-bottom: 20px; を追加します。

フロートをクリアするということは、実際には、フローティング要素のためのスペースを確保するために十分な垂直方向のマージンを残すことを意味します。あなたの例では、margin-top が 550 未満の場合、十分なスペースが残っていないことを意味します。

float をクリアしてください。 ！ ！ ！

まず、div

margin-top:1000px

に div を入れすぎるのはお勧めできません

<div id="right"> <div class="right">  左右结构实现方法：left设置float为left浮动，right设置float为right浮动，可实现左右结构<br>缺陷：当left高于right时显示会出现问题,footer清除浮动clear:both可解决此问题</div> </div>

に変更しても構いません

右と同じです。この問題の主な理由は、#container に高さがないことです。このレイアウト方法に高さがない場合、次のようになります

非常に言葉にならないです。元の投稿者が投稿した画像のテキストに注目してください。問題の解決策はそこにはありません。または、 margin-bottom:10px; を直接追加することもできます

最も愚かな方法: フッターの外側に div を配置し、この div に padding-top を追加します。

この方法を試してみましたが、うまくいきませんでした

まず、divCSS コード内であまりにも多くの div を使用するのは適切ではありません?1234567

左右構造の実装方法: 左設定 Float は左フローティング、右設定は右フロートに設定され、左右構造を実現できます
欠点: 左が右より高い場合、表示の問題が発生します。フッターfloat clear:both はこの問題を解決できます

< /……

はい、これも可能です

#container .leftこれに隣り合わないようにマージン-bottom: 20px を追加します。 。 それもうまくいきませんか？ ? ?

とても言葉が出ない。元の投稿者が投稿した画像のテキストに注目してください。問題の解決策はそこにはありません。または、 margin-bottom:10px; を直接追加することもできます

ご協力ありがとうございます。まだまだ基礎知識が足りないようです。ご容赦ください

引用 7 階 xiaojia_37 からの返信: #container .left 隣り合わないように margin-bottom: 20px; を追加します。それもうまくいきませんか？ ? ?

大丈夫です

関連ラベル：

设置margin-top无效

ソース：php.cn

前の記事：HTML/CSSレイアウトの問題について 初心者学習の問題_html/css_WEB-ITnose 次の記事：マウスをスクロールしてシーンを切り替える効果はどのように実現されますか? _html/css_WEB-ITnose

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

著者別の最新記事

• NullPointerException とは何ですか?どのように修正すればよいですか?
  2024-10-22 09:46:29
• 初心者からプログラマーへ: 旅は C の基礎から始まります
  2024-10-13 13:53:41
• PHP による Web 開発のロックを解除する: 初心者ガイド
  2024-10-12 12:15:51
• C の謎を解く: 新人プログラマーのための明確でシンプルな道
  2024-10-11 22:47:31
• コーディングの可能性を解き放つ: まったくの初心者のための C プログラミング
  2024-10-11 19:36:51
• 内なるプログラマーを解き放つ: まったくの初心者のための C
  2024-10-11 15:50:41
• C で生活を自動化する: 初心者向けのスクリプトとツール
  2024-10-11 15:07:41
• PHP を簡単に: Web 開発の最初のステップ
  2024-10-11 14:21:21
• Python で何でも構築: 創造性を解き放つための初心者ガイド
  2024-10-11 12:59:11
• コーディングの鍵: 初心者のための Python の力を解き放つ
  2024-10-11 12:17:31

最新の問題

最大合計関数を取得するための MySQL 操作 最大数量を「max」に設定しようとすると、エラーが発生します: エラー コード: 1111。グループ関数の無効な使用 0.000 秒 SELECTmax(count(*))asma...

から 2024-04-04 17:49:26

0

1

376

関連トピック

詳細>

• mysqlパスワードを忘れた場合
• Linux システムのコンポーネントは何ですか?
• コンピュータを素早くシャットダウンする方法
• フィルコインとは何ですか？
• Windows 10 起動パスワード設定チュートリアル
• ソケットプログラミングとは
• Linuxでフォルダーのサイズを確認する
• js substring