Tips to deal with div content overflow_CSS/HTML

tips for dealing with div content overflow_css/html

i encountered a problem a few days ago. the code is at this level:

the code is as follows :

<div class="province">
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
</div>

i set the border of p.

if you want the content of ul to be within the border,

you must set the height of p.

however, the content in ul changes. when the content is small, it will not be as high as p.

when the height is not set, the content of ul appears outside the border.

it turns out that the border of ul needs to be set. think about it, set the elements closest to him first.

for colleagues who are not very professional in front-end, it is better to have a rule for writing css style sheets:

specify css styles in a hierarchy: as in the above example, define li the style of .province ul li{...}

there is a general order for writing styles: container size (width, height...), container position (left , margin...), container text (color...), others

this avoids problems such as style overrides as much as possible.

the above are some tips for dealing with div content overflow_css/html content. for more related content, please pay attention to the php chinese website (www.php.cn)!