ホームページ > ウェブフロントエンド > CSSチュートリアル > div コンテンツのオーバーフロー CSS/HTML に対処するためのヒント

div コンテンツのオーバーフロー CSS/HTML に対処するためのヒント

PHP中文网
リリース: 2016-05-16 12:03:39
オリジナル
2799 人が閲覧しました

div コンテンツの overflow_css/html を扱うためのヒント

数日前に問題が発生しました。コードは次のレベルです。

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

<div class="province">
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
</div>
ログイン後にコピー

p の境界線を設定します。

ul の内容を境界線内に含めたい場合は、

pの高さを設定する必要があります。

ただし、ulの含有量は変化し、含有量が少ない場合はpほどにはなりません。

高さが設定されていない場合、ul の内容が境界線の外側に表示されます。

ul の境界を設定する必要があることがわかりました。考えてみて、まず彼に近い要素を設定してください。

フロントエンドの専門知識があまりない同僚の場合は、css スタイル シートを記述するためのルールを設けたほうがよいでしょう。

階層内で css スタイルを指定します。上の例では、 li を定義します。 .province ul li{...}

スタイルの記述には一般的な順序があります: コンテナ サイズ (幅、高さ..) .)、コンテナの位置 (left、margin...)、コンテナのテキスト (color...)、その他

これにより、スタイルのオーバーライドなどの問題が可能な限り回避されます。

上記は、div コンテンツの overflow_css/html コンテンツを処理するためのヒントです。その他の関連コンテンツについては、php 中国語 web サイト (m.sbmmt.com) に注目してください。


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート