Computer >> 컴퓨터 >  >> 프로그램 작성 >> CSS

요소의 내용이 할당된 공간의 양보다 클 수 있는 경우 어떻게 해야 합니까?


CSS 오버플로 사용 할당된 공간을 초과하는 콘텐츠의 이러한 문제를 해결하기 위한 속성입니다. 다음 코드를 실행하여 문제를 해결할 수 있습니다. -

예시

<html>
   <head>
   </head>
   <style>
      .scroll{
         display:block;
         border: 2px solid green;
         padding:10px;
         margin-top:10px;
         width:300px;
         height:50px;
         overflow:scroll;
      }
      .auto{
         display:block;
         border: 2px solid green;
         padding:10px;
         margin-top:10px;
         width:300px;
         height:50px;
         overflow:auto;
      }
      </style>
      <body>
         <p>Example of scroll value:</p>
         <div class = "scroll">
            This is Demo Content. This is Demo Content. This is Demo Content.
            This is Demo Content. This is Demo Content. This is Demo Content.
            This is Demo Content. This is Demo Content. This is Demo Content.
            This is Demo Content. This is Demo Content. This is Demo Content.
         </div>
      <br />
   </body>
</html>