Chạy thử Ví dụ Thuộc tính min-height trong CSS

Chạy thử Ví dụ Thuộc tính min-height trong CSS

Chạy thử Ví dụ Thuộc tính min-height trong CSS

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Chạy thử Ví dụ Thuộc tính min-height trong CSS</title>
<style>
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
div {width:19%; float:left; margin-right:1%; height:400px;border:1px solid red}
div p{width:100%; margin:0px; padding:10px; background:green; color:#fff}
</style>
</head>
<body>

<h1>Chạy thử Ví dụ Thuộc tính min-height trong CSS</h1>

<p>Dùng để quy định chiều cao tối thiểu của các phần tử HTML như: div, img, p, span,... , nếu nội dung trong phần tử HTML không có gì thì chiều cao nhỏ nhất vẫn là giá trị min-height:</p>

<div><p style="min-height:100px;">min-height:100px;</p></div>

<div><p style="min-height:300px;">min-height:300px;</p></div>

<div><p style="min-height:50%;">min-height:50%;</p></div>

<div><p style="min-height:100%;">min-height:100%;</p></div>

<!-- 100vh là full chiều cao của màn hình của trình duyệt-->
<div><p style="min-height:100vh;">min-height:100vh;</p></div>

</body>
</html>
Chạy thử Ví dụ Thuộc tính min-height trong CSS nằm trong bài viết Thuộc tính min-height trong CSS