Here we sets height of div to ‘100%’ of height and for para

tag content we sets height dynamically by using ‘calc’ so it changes depends on content we defined in html page.

    
        dynamic height
        
            .content{
                height: 100%;
            }
            p{
                height: calc[100%-10%];
            }
        
    
    
        

            
SAMPLE TEXT
            
here i show you what is word wrap and how it is useful for you.ere i show you what is word wrap and
            how it is useful for you.ere i show you what is word wrap and how it is useful for you.
            ere i show you what is word wrap and how it is useful for you.
            ere i show you what is word wrap and how it is useful for you.
            ere i show you what is word wrap and how it is useful for you.
            ere i show you what is word wrap and how it is useful for you.
            ere i show you what is word wrap and how it is useful for you.
            ere i show you what is word wrap and how it is useful for you.
            ere i show you what is word wrap and how it is useful for you.
            ere i show you what is word wrap and how it is useful for you.
            ere i show you what is word wrap and how it is useful for you.
            ere i show you what is word wrap and how it is useful for you.
            ere i show you what is word wrap and how it is useful for you.
                 ere i show you what is word wrap and how it is useful for you.
    

1. thẻ hướng dẫn trình duyệt web biết phiên bản nào của tệp HTML được viết bằng
2. The tag is used to indicate the beginning of HTML document.
3. As above shown tag is containing information about webpage and if you need any external file those links are declared here. tag is used for set the webpage title.
4. Within tag we defined block of styles. We defined class ‘content’ width to ‘100%’ and we sets

   tag content height to value ‘calc[100%-10%]’.

5. Vì vậy, nó sẽ tính toán 90% chiều cao cho nội dung thẻ para và nếu chúng tôi cập nhật bất kỳ nội dung nào, nó sẽ không bận tâm đến chiều cao của thẻ para vì chiều cao được tính toán theo cách chung để nó lấy chính xác phần của chúng
6. Both and tags having their pair end tag, so we need to close the ending tags respectively. If you’re not closed anyone of ending tag properly that is also affect the webpage result.
7. tag is beginning of main coding part because it contain coding of entire website blocks and elements described here.
8. Here we defined
   tag with class ‘content’ within that we just simply pasted some content from document then it styled by as we seen at point 4.
9. Lần lượt đóng cả hai thẻ ,. Thẻ cho biết phần cuối của nội dung, Sau đó, thẻ cho biết phần cuối của tài liệu HTML

Phần kết luận. -

Tóm lại, chúng ta có thể biết cách tính chiều cao động css. Khi chúng tôi tải chương trình của mình, chúng tôi có thể thấy một số đoạn văn và chúng tôi đã tính toán chiều cao của chúng một cách linh hoạt để nó không bị ảnh hưởng ngay cả khi chúng tôi cập nhật một số nội dung với chúng

Khái niệm này thực sự hữu ích bởi vì nếu chúng tôi đặt một số chiều cao nhưng nếu chúng tôi đặt quá nhiều nội dung, căn chỉnh của chúng sẽ dễ bị sụp đổ khi chúng tôi cung cấp cho nó một cách linh hoạt, nó có thể điều chỉnh bố cục của chúng

Chúng tôi cũng có thể tính toán chiều rộng một cách linh hoạt bằng cách sử dụng 'calc' trong css sau này sẽ thấy về chúng

Tôi hy vọng hướng dẫn này về tính toán chiều cao tự động trong CSS sẽ giúp ích cho bạn và các bước cũng như phương pháp được đề cập ở trên sẽ dễ thực hiện và thực hiện

Làm cách nào để đặt chiều cao động trong CSS?

Cách đặt chiều rộng và chiều cao động?

Làm cách nào để đặt chiều cao trong CSS?