đơn giản của trang để chứng minh vấn đề của tôi:Có < form > chiều cao ngắt: 100% không?
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
html, body
{
height: 100%;
overflow: hidden;
}
body
{
margin: 0;
padding: 0;
}
#container
{
background: red;
height: 100%;
overflow: hidden;
}
</style>
</head>
<body>
<div id="container"></div>
</body>
</html>
div-chứa đầy một cách chính xác các cửa sổ trình duyệt với màu đỏ. Bây giờ, hãy bọc div theo một hình thức:
<body>
<form>
<div id="container"></div>
</form>
</body>
và thu gom div-container. Tại sao? Điều gì là nó về một thẻ hình thức 'phá vỡ' các 'ancester gần nhất với chiều cao'?
tôi đã NO dạng ý tưởng là khối – n8wrl
Để được hoàn toàn rõ ràng, [ 'form' là" flow nội dung "] (http://dev.w3.org/html5/spec/the-form-element.html#the-form-element), trình duyệt sẽ sử dụng' display: block' theo mặc định. – zzzzBov