div 콘텐츠 오버플로 처리 팁_CSS/HTML

div 콘텐츠 Overflow_CSS/HTML 처리 팁

며칠 전에 문제가 발생했는데 코드가 이 수준에 있습니다.

코드는 다음과 같습니다. :

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

p의 테두리를 설정했습니다.

ul의 내용이 테두리 안에 들어가도록 하려면

에서 높이를 설정해야 합니다. 피.

단, ul의 내용은 변경됩니다. 내용이 작을 때는 p만큼 높지 않습니다.

높이가 설정되지 않은 경우 ul의 내용은 테두리 바깥쪽에 나타납니다.

ul의 테두리를 설정해야 하는 것으로 나타났습니다. 그것에 대해 생각하고 가장 가까운 요소를 먼저 설정하십시오.

프론트 엔드에 그다지 전문적이지 않은 동료의 경우 CSS 스타일 시트 작성 규칙을 갖는 것이 좋습니다.

CSS 스타일을 계층적으로 지정합니다. 위의 예에서는 li .province ul li{...}

스타일 작성에는 일반적인 순서가 있습니다: 컨테이너 크기(너비, 높이...), 컨테이너 위치(왼쪽, 여백...) ....), 컨테이너 텍스트(색상...), 기타

스타일 재정의 등의 문제를 최대한 방지합니다.

위 내용은 div 컨텐츠 Overflow_CSS/HTML 컨텐츠 처리에 대한 몇 가지 팁입니다. 더 많은 관련 컨텐츠를 보려면 PHP 중국어 웹사이트(www.php.cn)를 주목하세요!