ホームページ  >  記事  >  ウェブフロントエンド  >  div浮動小数点? CSS ヘルプ! Urgent_html/css_WEB-ITnose

div浮動小数点? CSS ヘルプ! Urgent_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:08:40979ブラウズ





    上記の 2 つの div について、下の div を上の div の高さに合わせて自動的に変更したい1 つの位置を変更し、2 つの div 間のギャップの高さを変更しないでください。これを実現するにはどうすればよいですか?

    回复讨论(解决方案)
    配置マージン行了

    .search {

    margin-top: 10px }


    不行是啊、その中に検索とcondsのcss;これです
    .search{ width: 99.9%; パディングトップ:2px; 高さ:28px; ボーダー: 1px ソリッド #B5D8F1;
    } .conds{ margin:2px;height:30px;}衝突がありますか?

    あなたの具体的な要件が何なのか、何を達成したいのか、私にはわかりません。

    はっきりさせてませんでしたか?自動的に位置を変更するとはどういう意味ですか?固定の高さを定義すると、どのように変化するでしょうか?

    間違っています。高さではなく、位置の変更です。最初の div が前より 100 ピクセル高くなって、下の div が 100 ピクセル下に移動します。

    これは下に移動しているのではなく、重なっているのではないでしょうか?

    重なるのではなく、下に移動すべきではないでしょうか?

    はい、直接覆われています

    ボタンが覆われていて見えないので、写真の投稿方法がわからないので、アップロードしません

    CSS コードを投稿することをお勧めします。

    通常、高さが設定されていない場合は、上記の効果が自動的に実現されますが、現在の効果は位置などに起因するものである可能性があります。

    それ以外の場合は、高さを調整したい DIV に overflow:auto; を追加してみてください。それが機能しない場合は、コードを貼り付けるだけです。

    上記の独自のコードを試しましたが、あなたが述べたように重複する効果はありません。 。 。 。 。 。 。他の場所でも競合が発生する可能性があります

    調整するにはpositionを使用してください

    位置を変更したい場合は、通常、position:relative;で問題を解決します
    しかし、2番目のレイヤーを最初のレイヤーの中に入れてから、 2 番目のレイヤーの位置: 絶対; その後、高さを設定するだけです

    これは位置決めを使用して行う必要があります。


    Position:relative;

    および Position:absolute;


    これは実際、もっと練習すれば覚えられるでしょう。いつも忘れてしまうのです!

    浮き問題の場合は、浮きを解消してください。クリア: 両方


    他の変更を加えることなく、div は自動的に下に移動します。

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