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

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

PHP中文网
PHP中文网オリジナル
2016-05-16 12:03:392777ブラウズ

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 サイト (www.php.cn) に注目してください。


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